头闻号

常熟市欣鑫化工贸易有限公司

氟化物|氢氟酸|硼酸|氟硼酸|氟硅酸|氯化物

首页 > 新闻中心 > 科技常识:使用HTML CSS实现网页换肤效果(二)
科技常识:使用HTML CSS实现网页换肤效果(二)
发布时间:2024-11-15 01:52:35        浏览次数:3        返回列表

今天小编跟大家讲解下有关使用HTML CSS实现网页换肤效果(二) ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关使用HTML CSS实现网页换肤效果(二) 的相关资料,希望小伙伴们看了有所帮助。

废话不多说了,直接给大家贴html代码了,具体代码如下所示:XML/HTML Code复制内容到剪贴板 <head> <title>网页换肤</title> <metahttp-equiv="Content-Type"content="text/html";charset="UTF-8"> <linkid="myCss"href="orange.css"rel="stylesheet"> <scriptlanguage="javascript"> //写入客户端cookie functionwritecookie(csspath){ vartoday=newDate(); varexpires=newDate(); expires.setTime(today.getTime()+1000*60*60*24*30);//有效期为30天 varstr="cssPath="+csspath+";expires="+expires.toGMTString() +";"; document.cookie=str; } //读取cookie functionreadcookie(cookieName){ varsearch=cookieName+"="; if(document.cookie.length>0){ offset=document.cookie.indexOf(search); if(offset!=-1){ offset+=search.length; end=document.cookie.indexOf(";",offset); if(end==-1){ end=document.cookie.length; returnunescape(document.cookie.substring(offset,end)); } } } } functionifcookie(){ if(readcookie("cssPath")==undefined){ writecookie("orange.css"); } document.getElementById("myCss").href=readcookie("cssPath"); } functionchange(type){ if(type=="orange"){ document.getElementById("myCss").href="orange.css"; writecookie("orange.css"); } if(type=="gray"){ document.getElementById("myCss").href="gray.css"; writecookie("gray.css"); } } </script> </head>

通过以上代码就可以简单实现使用HTML CSS实现网页换肤效果,希望本读代码对大家有所帮助。

来源:爱蒂网