花开花谢,人来又走,夕阳西下,人去楼空,早已物是人非矣。也许,这就是结局,可我不曾想过结局是这样;也许,这就是人生的意义,可我不曾想竟是生离死别。
废话不多说了,直接给大家贴html代码了,具体代码如下所示:XML/HTML Code复制内容到剪贴板
- <head>
- <title>网页换肤</title>
- <metahttp-equiv="Content-Type"content="text/html";charset="UTF-8">
- <linkid="myCss"rel="nofollow noopener noreferrer" 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").rel="nofollow noopener noreferrer" href=readCookie("cssPath");
- }
- functionchange(type){
- if(type=="orange"){
- document.getElementById("myCss").rel="nofollow noopener noreferrer" href="orange.css";
- writeCookie("orange.css");
- }
- if(type=="gray"){
- document.getElementById("myCss").rel="nofollow noopener noreferrer" href="gray.css";
- writeCookie("gray.css");
- }
- }
- </script>
- </head>
通过以上代码就可以简单实现使用HTML CSS实现网页换肤效果,希望本读代码对大家有所帮助。
到此这篇关于如何使用HTML CSS如何实现网页换肤效果(二)就介绍到这了。不怕学问浅,就怕志气短。更多相关如何使用HTML CSS如何实现网页换肤效果(二)内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!