仿百度皮肤功能简单示例代码

结果：（皮肤的div，选择您想要的图片，作为背景，保存）
关键点：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 ();
}
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
以上是仿百度皮肤功能的简单示例代码，很小的分享给大家，希望能给大家一个参考，希望大家支持。