当前位置:首页 > 日记 > 正文

js仿百度转换皮肤功能(HTML+CSS)

js仿百度转换皮肤功能(HTML+CSS)
js仿百度皮肤(皮肤效果:从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();
}
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

相关文章

切换动画效果

切换动画效果

动画效果,电脑软件,由于博客作者的懒惰,网页的绘制很粗糙,但没关系,因为我主要讲的是如何制作图片动画切换。 观点:我认为每个人都有访问淘宝或其他网站,通常会有图片动画切换效果,这是怎么实现的博客我,技术不是很好,做一个简单的例子! 首先,画面…

如何在Excel2003中打印指定的单元

如何在Excel2003中打印指定的单元

单元,如何在,电脑软件,1。区域设置法 这是每次打印固定区域的最好方法。 启动Excel2003(其他版本,请复制操作),打开相应的工作簿文件,选择该地区打印,执行文件具有,打印区域具有,设置打印区域命令。在未来,当你需要打印的区域,按下常用工具栏上的;打…

婚姻中颜色和颜色的结合

婚姻中颜色和颜色的结合

颜色,婚姻,电脑软件,本教程介绍了一种比较均匀的色彩融合方法。一般过程:首先,对图片进行简单的美化处理,然后用梯度映射或彩色/饱和度合成一个单音,然后添加暗视角等。 原 最终效果 1、打开原材料,创建调音台调音台,调整蓝色,参数设置如图1,效果…

签名及与战斗有关的签名经典签名

签名及与战斗有关的签名经典签名

经典,电脑软件,生活需要努力去看不同的风景。在签名中与斗争有关的句子是什么请享受你挣扎的萧边签名。 努力签名推荐 1)只要有明天,它就永远是起跑线。 2)没有尽头,希望在角落里。 3)抱最大的希望,做最坏的计划,尽最大努力。 4)你不勇敢,没有人…

MySQL中关键索引和重点索引概念的

MySQL中关键索引和重点索引概念的

索引,学习,教程,重点,关键,主键 主键索引,称为主键,是主键,由一个或多个列组成,用于唯一地标识数据表中的记录。表可以没有主键,但最多只能有一个主键,主键值不包含null。 在MySQL中,我们通常遵循的InnoDB数据表的主键设计的几个原则: 不使用业…

如何美化封面PPT基础教程PPT

如何美化封面PPT基础教程PPT

基础教程,封面,电脑软件,PPT,为了使PPT更加美观,我们可以用线条美化封面。如果我们不知道如何美化封面,让我们来告诉你如何用PPT美化封面。 美化封面的PPT: 它可以这样设计。 它也可以这样设计。 它也可以这样设计。 加雾化背景更漂亮 记得韵…

PS图象处理软件如何让自然影响PS实

PS图象处理软件如何让自然影响PS实

图象,处理软件,实用技巧,自然,电脑软件,PS /目标= '_blank> PS图象处理软件如何使自然的效果,如闪电,告诉你PS图象处理软件如何使自然的影响。 PS图象处理软件的方式制造出自然的效果 首先,我们打开PS程序作为准备工作。 创建一个新的图片…

PS图象处理软件合成的幻影影响创造

PS图象处理软件合成的幻影影响创造

幻影,舞蹈演员,图象,创造性,处理软件,介绍了PS教程的特殊生产方法可以应用于任何视频,但它特别适合喜欢黑色和白色的场景,颜色纯正,固定镜头,因为它省去了背景处理和像素处理部分。这里是一个方法,介绍幻影效果PS图象处理软件合成舞者跳舞。让我…

js数组的各种操作总结

js数组的各种操作总结

操作,数组,电脑软件,js,数组应该是日常生活中使用频率最高的js代码。在正常的项目中,许多数据可以通过数组存储和操作,除了对象,数组类型应该是js中最常用的类型。 今天,总结一下数组的一些简单和基本操作,并巩固我们的基础知识。 1。如何直接…

在专有的CSS属性haslayoutIE浏览器

在专有的CSS属性haslayoutIE浏览器

浏览器,属性,深度,电脑软件,CSS,a.haslayout是什么 haslayout有很多相似之处的,但haslayout概念更易于理解。在互联网浏览器,元素与布局;的概念来控制的大小和位置、布局和布局已不分为两种,大小和定位元件的布局是由本身和它的元素的控制,没有…

词的页面背景时,清除Word2010教程的

词的页面背景时,清除Word2010教程的

操作,教程,清除,背景,页面,字填写页面背景;雨后;,今天是一个常见的大学计算机考试,萧边教你在Word页面背景的技能后雨。 单词页面到后台操作步骤后的雨 单击页面布局;。 点击页面颜色选项,点击填充效果;。 在渐变选项卡上,单击预置;。 在默认的颜…

ps实例分析在减法中的应用

ps实例分析在减法中的应用

应用实例,实例分析,减法,电脑软件,ps,今天给大家分享的ps解析减法的方法,教程很基础,适合初学者学习,希望对你有所帮助! 步: 1,选择矩形盒子工具;在文档中画一个矩形; 2,选择单行盒选择工具; 3,按住Alt键;这是选区相减的快捷键,并绘制单行选择。 4。…