网页换肤实现原理:
使用jquery.cookie插件将用户操作记录下来,下次访问时直接读取cookie记录(本例中,只用于设置样式)
实例:设置cookie值用于记录.demo标签的id值以模拟“网页换肤”功能的实现,换肤原理思路是一样的!
查看效果方法:点击运行按钮,在新打开的演示页面中随意点击“假装是绿色主题”、“假装是黑色主题”2个链接中的任意一个,.demo标签背景色随之切换,刷新页面或退出浏览器再重新打开,.demo标签背景色仍然保持上次的操作状态不变!
源代码展示:
提示:你可以先修改部分代码再运行。
实现网页换肤功能,关键还是得掌握cookie的原生js实现方法,又多了个知识点要学习了...
上一篇: iframe设置无边框背景透明,各大浏览器兼容
下一篇: 网易盖楼评论的实现
3条评论( 网友:2 条,站长:1 条 ) 网友评论{有您的评论更精彩....}