JS IMITE BAIDU Efecto de conmutación de la piel: (Reemplace un DIV, seleccione la imagen que desee, como el fondo de la página web, guarda)
IMPORTANTE: estado de guardar cookies
Código HTML:
<body> <div id = "Header"> <div id = "Header_Con"> <iv> <a href = "javascript :;" onClick = "showImgBox ()"> skin reemplazar </a> </iv> </iv> </iv> <div id = "dimgbox"> <div id ident href = "javascript :;" onClick = "hideImgBox ()"> Close </a> </div> </div> </div> <div id = "imglist"> <div> <img src = "image/bg0.jpg"/> </div> <div> <iv> iMG src = "Image/bg1.jpg"/> </div> <iv> <viv> <img src = "Image/bgg" /> </div> <div> <img src = "image/bg3.jpg"/> </div> <div> <img src = "image/bg4.jpg"/> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div> </div>
Código CSS:
* {margen: 0px; Pading: 0px;}#encabezado {altura: 40px; Ancho: 100%; Antecedentes:#000000;} a {text-decoration: none;}. dbg {float: izquierda;}#dimgbox {ancho: 100%; Altura: 140px; /*posición: absoluto;*/ fondo: #ffffff; arriba: 0px; Izquierda: 0px; Display: None;}#Dimgtitle {Height: 40px; Ancho: 100%; Border-Bottom: Solid 1px #ccc;} #imgtitle_con {width: 1180px; Altura: 40px; Margen: 0px Auto; Line-Height: 40px;}#title1 {float: izquierda;}#title1 a {display: block; Antecedentes:#04A6F9; Altura: 40px; Color: #ffffff; text-align: center;}#title2 {float: right;}#imglist {altura: 65px; Ancho: 1180px; margen: 0px auto;}. imgitem {float: izquierda; margen-top: 10px; margen-izquierda: 5px;}. imgitem img {ancho: 100px;}Código JS:
función showImgBox () {$ ("#dimgbox"). // 6. $ .cookie ("BG-PIC") + "')"); es como el estilo de fondo de la página web $ ("cuerpo"). css ("background-image", "url ('+src+"' ') "); // 4. Guarde el estado $ .cookie (" bg-pic ", src, {expire: 1});});});Imagen de reproducción:
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.
Autor: Wangwangwangmax