我發(fā)現(xiàn)網(wǎng)上寫換膚功能寫的有點(diǎn)長，就想想如何更簡單方法實(shí)現(xiàn)這個功能，于是我自己寫了一個。
html
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link id="changelink" rel="stylesheet" href="css/default.css" rel="external nofollow" /> </head> <body> <script> var csslink = document.getElementById("changelink"); //初始化主題 loadtheme(); function changetheme(color){ csslink.href = "css/"+color+".css"; //保存主題到cookies document.cookie="theme="+color; } function loadtheme(){ //從cookies讀取主題 var themevalue=document.cookie.split(";")[0].split("=")[1]; if(themevalue==null){ csslink.href = "css/default.css"; }else{ csslink.href = "css/"+themevalue+".css"; } } </script> <button onclick="changetheme('default')">默認(rèn)</button> <button onclick="changetheme('red')">紅色</button> <button onclick="changetheme('green')">綠色</button> </body></html>css文件
default.css
body{ background: #ffffff;}red.css
body{ background: #ff0000;}green.css
body{ background: #008000;}PS：當(dāng)然設(shè)置主題的參數(shù)也可以保存到后端（推薦），防止禁用cookies主題無法生效。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯新站長站。
新聞熱點(diǎn)
疑難解答
圖片精選
