>

Javascript结合css完结网页换肤作用_javascript技能_脚

- 编辑:澳门新葡亰平台游戏 -

Javascript结合css完结网页换肤作用_javascript技能_脚

Html代码部分: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href. 2.皮肤选择按钮(后台为每个li添加onclick事件,触发换肤功能)

Js部分: 1.换肤方法 //设置cookie,按钮选中状态,页面皮肤 skin.setSkin=function{ var skins =.getElementsByTagName; for (i=0;i2.存取cookie //将当前皮肤n存到cookie skin.setCookie=function{ var expires=new Date(); expires.setTime+24*60*60*365*1000); var flag="Skin_Cookie="+n; document.cookie=flag+";expires="+expires.toGMTString(); } //返回用户设置的皮肤样式 skin.readCookie=function(){ var skin=0; var mycookie=document.cookie; var name="Skin_Cookie"; var start1=mycookie.indexOf; if{ skin=0;//如果没有设置则显示默认样式 } else{ var start=mycookie.indexOf+1; var end=mycookie.indexOf; if{ end=mycookie.length; } var values= unescape(mycookie.substring; if { skin=values; } } return skin; } 3.绑定换肤按钮事件 skin.addEvent=function(){ var skins =.getElementsByTagName; for (i=0;i4.页面加载完成后设置皮肤样式 window.onload=function(){ skin.setSkin;//根据读取cookie返回值设置皮肤样式 skin.addEvent();//绑定按钮事件

  • 灰色
  • 绿色
  • 黄色
  • 蓝色
  • 粉色
  • 紫色

本文由服务器发布,转载请注明来源:Javascript结合css完结网页换肤作用_javascript技能_脚