cookie,dom,css,js实现页面换肤

时间:2011-12-31 04:08:55
【文件属性】:

文件名称:cookie,dom,css,js实现页面换肤

文件大小:8KB

文件格式:RAR

更新时间:2011-12-31 04:08:55

cookie,dom,css,js实现页面换肤

页面换肤已经成为web2.0的时尚,看似简单的过程,实现起来却不那么容易,因为它涉及到javascript写入和读取cookie,这篇文章详细介绍了通过存取cookie和dom操作调用不同的样式表文件来实现前台换肤功能 Html代码部分: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href。 2.皮肤选择按钮(后台为每个li添加onclick事件,触发换肤功能)

  • 灰色
  • 绿色
  • 黄色
  • 蓝色
  • 粉色
  • 紫色
Js部分: 1.换肤方法


【文件预览】:
css
----main5.css(30B)
----main4.css(30B)
----main0.css(30B)
----main1.css(30B)
----main3.css(30B)
----main2.css(30B)
----default.css(2KB)
images
----theme.gif(2KB)
----Thumbs.db(10KB)
javascript
----skin.js(1KB)
index.html

网友评论

  • 很好,值得新手学习研究
  • 总体对我来说挺有用的。
  • 很有用,如果能保存设置就好了,一刷新就没了
  • 很好,值得新手学习研究,css样式写的不错
  • 跨浏览器或刷新后都能是设置的中效果就是做到换肤了
  • 很有用,如果能保存设置就好了,一刷新就没了