js仿百度转换皮肤功能(HTML+CSS)
关键点:cookie保存状态
HTML代码:
换肤
热
停止
CSS代码:
{ *
保证金:0px;
填料:0px;
}
{ #头
身高:40px;
宽度:100%;
背景:# 000000;
}
{
文字装饰:无;
}
{。DBG
浮点数:左;
}
{ # dimgbox
宽度:100%;
身高:140px;
位置:绝对;
背景:# ffffff;
上图:0px;
左:0px;
显示:无;
}
{ # dimgtitle
身高:40px;
宽度:100%;
底部边框:solid 1px # CCC;
}
{ # imgtitle_con
宽度:1180px;
身高:40px;
保证金:为0px auto;
行高:40px;
}
{ # title1
浮点数:左;
}
# title1 {
显示块;
背景:# 04a6f9;
身高:40px;
颜色:# ffffff;
文本对齐:中心;
}
{ # title2
浮子:右边;
}
{ # imglist
身高:65px;
宽度:1180px;
保证金:为0px auto;
}
{。imgitem
浮点数:左;
边距:10px;
左:5px保证金;
}
imgitem { IMG。
宽度:100px;
}
JS代码:
showimgbox()函数
{
$(# dimgbox )SlideDown();
}
Function hideImgBox ()
{
$(# dimgbox )SlideUp();
}
($函数)
{
当 / 5。页面打开,判断是否存在
如果(美元。饼干(背景图)= =美元。饼干| |(背景图)= = null)
{
当 / 6。不存在,将第一个设置为默认背景。
Css(背景图像)
}
其他的
{
6。当它存在时,传递到$ cookie()中,并将最后保存的值送给它。
$()Css(背景图像),URL(+);
}
1。发现下面imgtiem img标签执行单击事件
$(。imgitem IMG)。Click(function())
{
2的键。是获取当前图片的SRC值并将其设置为变量。
VaR src=美元(这)。Attr(src);
3。将它作为Web页面的背景样式。
Css(背景图像)
4。保存状态
$ cookie()
});
});
设计素描 uff1a
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。
作者:wangwangwangmax