JS imita o efeito de comutação de pele do Baidu: (Substitua uma div, selecione a imagem desejada, como plano de fundo da página da web, salvar)
IMPORTANTE: BOYE SALVAR STATUS
Código HTML:
<body> <div id = "cabeçalho"> <div id = "header_con"> <div> <a href = "javascript :;" ONCLICK = "SHOSTIMGBox ()"> Skin Substitua </a> </div> </div> </div> <div id = "dimgbox"> <div id = "dimgtitle"> <div id = "imgtitle_con"> <div id = "title1"> <a href = "javascript"> </a popular href = "JavaScript:;" ONCLICK = "hideImgBox ()"> fechar </a> </div> </div> </div> <div id = "imglist"> <div> <img src = "imagem/bg0.jpg"/> </div> <div> <img src = "imagem/bg1.jpg"/> </> </div> /> </div> <div> <img src = "image/bg3.jpg"/> </div> <div> <img src = "imagem/bg4
Código CSS:
* {margem: 0px; preenchimento: 0px;}#cabeçalho {altura: 40px; largura: 100%; Antecedentes:#000000;} a {decoração de texto: nenhum;}. Altura: 140px; /*posição: absoluto;*/ background: #ffffff; Top: 0px; Esquerda: 0px; Exibir: Nenhum;}#Dimgtitle {Hight: 40px; largura: 100%; Bottom de borda: sólido 1px #ccc;} #imgtitle_con {width: 1180px; Altura: 40px; margem: 0px automático; altura de linha: 40px;}#title1 {float: esquerda;}#title1 a {display: block; Antecedentes:#04A6F9; Altura: 40px; Cor: #ffffff; Text-align: Center;}#Title2 {float: Right;}#ImGlist {Height: 65px; Largura: 1180px; margem: 0px auto;}. imgitem {float: esquerda; Margin-top: 10px; margem-esquerda: 5px;}. imgitem img {width: 100px;}Código JS:
função showImgBox () {$ ("#DIMGBOX"). // 6. + $ .cookie ("bg-pic") + "')"); // 3.Imagem de reprodução:
O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.
Autor: Wangwangwangmax