مائۇس ئەسكەرتمىسىنى js ئارقىلىق ئۆزگەرتىش
- HTML+CSS تېخنىكىسى
- باھا:5 دانە
- 1,505
مائۇسنى ئۇلىنىشنىڭ ئۈستىگە ئېلىپ كەلگەندىكى كۆرسىتىلگەن ئۇچۇرنىڭ كۆرۈنۈشىنى ئۆزگەرتىش، ئۇسۇلىنى بىز تۆۋەندىكى ئاددىي js كودى ئارقىلىق ئەمەلگە ئاشۇرالايمىز.
تۇلۇق ئوقۇشسىز «HTML+CSS تېخنىكىسى» سەھىپىسىدىكى يازمىلارنى كۆرۈۋاتىسىز!
مائۇسنى ئۇلىنىشنىڭ ئۈستىگە ئېلىپ كەلگەندىكى كۆرسىتىلگەن ئۇچۇرنىڭ كۆرۈنۈشىنى ئۆزگەرتىش، ئۇسۇلىنى بىز تۆۋەندىكى ئاددىي js كودى ئارقىلىق ئەمەلگە ئاشۇرالايمىز.
تۇلۇق ئوقۇشماۋزونى ئوقۇپ بولۇپ بۇ «قانداق گەپتۇ» دەپ ئويلاپ قالغان بولۇشۇڭلار مۇمكىن، بىراق دوستلارنىڭ ئۈنۈمنى كۆرگەندىن كېيىن چوقۇم ھېس قىلالايدىغانلىقىغا ئىشىنىمەن. مەزكۇر بلوگنىڭ ئۈستى تەرىپىدە ئىزدەش input رامكىسى بولۇپ، ماۋۇسنى رامكىغا ئېلىپ كېلىشتىن بۇرۇن ئۈستىدە «ئىزدەش» دېگەن خەت كۆرۈنۈپ تۇرىدۇ، ئەمما ماۋۇسنى ئۈستىگە ئېلىپ كېلىپ تۇنجى ھەرىپنى يازغاندا «ئىزدەش» دېگەن خەت كۆرۈنمەيدۇ دە سىز يازماقچى بولغان خېتىڭىزنى يازىسىز، ئەمما بۈگۈن سۆزلىمەكچى بولغان input ئىزدەش رامكىسىغا ماۋۇسنى ئېلىپ كېلىپ بىرنى چەكسىڭىز خەت يېزىشىڭىزنى ساقلاپ تۇرمايلا سۈكۈتتىكى خەت كۆرۈنمەيدۇ، ئەلۋەتتە بۈگۈن كەينىدىكى ئۈنۈمنى سۆزلەيمىز.
تۇلۇق ئوقۇشتور بېكەتنىڭ CSS قىسمىنى تەڭشەش جەريانىدا، بىز ھەمىشە IE نىڭ خىلمۇ-خىل قىيىن-قىستاقلىرىغا دۇچ كېلىمىز، گەرچە بىز ھەمىشە ۋاقىت چىقىرىپ بۇ خاتالىقلارنى تۈزىتىشنى خالىمىساقمۇ، ئەمما ھېلىھەم كونا نەشىردىكى IE ئىشلىتىۋاتقان تورداشلارنى ئويلاشمىساق بولمايدۇ. تۆۋەندە شۇ ھەقتە بىر قىسىم نەرسىلەرنى ئورتاقلىشىپ باقساق.
تۇلۇق ئوقۇشبۇ تېمىدا توربەتلەردىكى ئۇيغۇر يېزىقىنى IE, Firefox, Chrome, Safari, Opera قاتارلىق تور كۆرگۈچلەردە نورمال كۆرسىتىش ھەققىدە توختىلىپ ئۆتىمىز. تېمىنىڭ ئاساسلىق مەقسىتى توربەت لايىھەلىگۈچىلەرگە توربەت يۈزىدە ئۇيغۇرچە يېزىقنى نورمال كۆرسىتىشنىڭ پىرىنسىپى ھەققىدە ساۋات بىرىش. بۇ تېمىنى يېزىشتا W3C ئورگان تورى، مىكروسوفت ئورگان تورى، Mozilla Firefox ئورگان تورى، Google Chrome ئورگان تورى ۋە بىر قىسىم پروگراممىرلار تورىدىكى مۇناسىۋەتلىك ماقالىلەر ئاساس قىلىپ يىغىنچاقلاندى.
تۇلۇق ئوقۇشمەزكۇر «ئۇيغۇرچە CSS خاسلىق قوللانمىسى» نۇرقۇت تورىدىكى «ئاۋاتار» نىڭ بىر قوللۇق پىلانلاش ۋە تەييارلاش ئاستىدا مەيدانغا كەلگەن، ئالدى بىلەن ئاۋاتار بۇرادەرگە كەڭ css ئۆگىنىۋاتقان دوستلار نامىدىن رەھمەت ئېيتىمەن. ئاۋاتار مۇنداق دەيدۇ: CSS تىكى ئاساسلىق بەلگىلەش خاراكتېرلىك خاسلىقلارغا ئاساسەن تۈرگە ئايرىپ ئىنگىلىزچە نامى ۋە ئۇيغۇرچە چۈشەندۈرۈش شەكىلىدە جەدۋەللەشتۈرۈلدى.
تۇلۇق ئوقۇشborder غا ئۈچ بۇلۇڭ قىر چىقىرىش مودا بولغان بۇ كۈنلەردە مەنمۇ توردىن ئىزدەپ يۈرۈپ تۆۋەندىكىدەك ئالاھىدە ئۇسۇلنى بايقاپ قالدىم، بۇ خىل ئۇسۇلدا ھىچقانداق رەسىم ئىشلىتىلمىگەن، ساپ css + div ئارقىلىق ئەمەلگە ئاشۇرىمىز. ئۈنۈم تۆۋەندىكى رەسىمدەك.
تۇلۇق ئوقۇشئۇزۇندىن بۇيان مۇشۇنداق بىر ئىقتىدارنى بلوگىمغا قوشسام دەپ ئويلاپ يۈرگەن، مەن سەكرەپ چىقىدىغان رامكىنى نېمە قىلىمەن بىلەمسىلەر؟ بىلمىسەڭلار قۇلاق سېلىڭلار، بلوگ باشبەتنىڭ مەلۇم بىر بۇلۇڭىغا بىر كۇنۇپكىنى ئورۇنلاشتۇرۇپ قويۇپ، چەككەندىن كېيىن ئارقا سۇپىغا كىرىش ئېغىزى ياسىماقچى، بۇنداق بولغان ھەر قېتىم wp-admin دېگەن ئارتۇقچە خەتنى بېسىشتىن قۇتۇلغىلى بولىدۇ، كىم مېنى بۇنداق ھورۇن بولۇپ قالسۇن دەپتىكەن.
تۇلۇق ئوقۇشتۆۋەندىكى كود ئارقىلىق تەگلىكنىڭ رەڭگىنى ئۈستىدىن ئاستىغا قارىتا تەدرىجىي ئۆزگەرتكىلى بولىدۇ. ئەمما ئاڭلاشلارغا قارىغانداق بۇ ئۇسۇلنىڭ ئىچكى ساقلىغۇچنى كۆپ ئىگىلەيدىغانلىقى مەلۇم بولغان، شۇڭا تورداشلار رەسىم ئارقىلىق بۇ خىل ئۈنۈمگە ئىگە بولساڭلارمۇ بولىدۇ.
تۇلۇق ئوقۇشسىز مائۇسنى مەلۇم خەت ئۈستىگە ئېلىپ كەلسىڭىز، شۇ ھامان رەسىملىك ئەسكەرتىش كۆرۈنىدۇ، مائۇسنى خەت ئۈستىدىن يىراقلاشتۇرسىڭىز رەسىم كۆرۈنمەيدۇ. رەسىمنى ئۆزىڭىز خالىغانچە تاللىسىڭىز بولىدۇ.
تۇلۇق ئوقۇشcss نىڭ ئۆزىدە بار بولغان webkit-border-radius ،moz-border-radius فونكىسىيەسى ئارقىلىق قىر چىقارساق ناھايىتى ئاسانلا مەقسىتىمىزگە يېتەلەيمىز، ئەمما IE قاتارىدىكى بىر قانچە توركۆرگۈ بۇ فۇنكىسىيە قوللىمايدۇ، بەزىلەر js ئارقىلىق بۇ ئىقتىدارنى ھەل قىلغان، ئەمما مەن js ئىشلىتىشنى ئانچە ياقتۇرۇپ كەتمەيمەن، شۇڭا بىز css ئارقىلىقلا بۇ مەسىلىنى ھەل قىلايلى.
تۇلۇق ئوقۇش
ئەڭ يېڭى باھالار