يقلد JS تأثير تبديل الجلد Baidu: (استبدل Div ، حدد الصورة التي تريدها ، كخلفية صفحة الويب ، حفظ)
هام: حالة حفظ ملف تعريف الارتباط
رمز HTML:
<Body> <div id = "header"> <div id = "header_con"> <viv> <a href = "javaScript :؛" onClick = "showimgbox ()"> الجلد استبدال </a> </viv> </viv> </viv> <div id = "dimgbox"> <div id = "dimgtitle"> <div id = "imgtitle_con"> <div id = "title1"> HREF = "JavaScript :؛" OnClick = "HideImgBox ()"> إغلاق </a> </viv> </viv> </viv> <div id = "imglist"> <viv> <img src = "image/bg0.jpg"/> </viv> <div> <div> <img src = "image/bg1.jpg"/>/div> )
رمز CSS:
* {الهامش: 0px ؛ padding: 0px ؛}#header {height: 40px ؛ العرض: 100 ٪ ؛ الخلفية:#000000 ؛} a {text-decoration: none ؛}. dbg {float: left ؛}#dimgbox {width: 100 ٪ ؛ الارتفاع: 140 بكسل ؛ /*الموقف: مطلق ؛*/ الخلفية: #ffffff ؛ أعلى: 0px ؛ اليسار: 0px ؛ Display: none ؛}#dimgtitle {height: 40px ؛ العرض: 100 ٪ ؛ Border-Bottom: Solid 1px #ccc ؛} #imgtitle_con {width: 1180px ؛ الارتفاع: 40 بكسل ؛ الهامش: 0px Auto ؛ Line-Height: 40px ؛}#title1 {float: left ؛}#title1 a {display: block ؛ الخلفية:#04A6F9 ؛ الارتفاع: 40 بكسل ؛ اللون: #ffffff ؛ text-align: center ؛}#title2 {float: right ؛}#imglist {height: 65px ؛ العرض: 1180 بكسل ؛ الهامش: 0px auto ؛}. imgitem {float: left ؛ الهامش: 10 بكسل ؛ الهامش اليساري: 5px ؛}. imgitem img {width: 100px ؛}رمز JS:
وظيفة showimgbox () {$ ("#dimgbox"). slidedown () ؛} وظيفة hideimgbox () {$ ("#dimgbox"). slideup () ؛} $ (function () {// 5. بعد فتح الصفحة ، حدد ما إذا كان موجودًا إذا ($ .cokoie ("bg-pic" // 6. + $ .cookie ("bg-pic") + "')") ؛ استخدمه كنمط خلفية لصفحة الويب $ ("body").صورة التكاثر:
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.
المؤلف: Wangwangwangmax