网页每次加载随机调用不同css样式表方法

网页每次加载随机调用不同的CSS样式表可以实现网站每次打开随机呈现不同的样子，这样用户每次打开网站时随机载入样式，让网站在视觉上保持新鲜感。有如下二种方法实现网页随机调用不同CSS样式实现每次打开网站界面不一样：

随网页打开加载随机调用css样式表方法一： 
<link id="chun" type="text/css" rel="stylesheet" href="css/1.css">  
<script Language="JavaScript">  
<!-- Begin   
var Folder = "css/"; //   

var how_many_ads = 4;  
var now = new Date();  
var sec = now.getSeconds();  
var ad = sec % how_many_ads;  
var css = "";  
ad +=1;  
if (ad == 1) {css = "1.css";}  
if (ad == 2) {css = "2.css";}  
if (ad == 3) {css = "3.css";}  
if (ad == 4) {css = "4.css";}  

self.chun.href = Folder + css  
//-->  
</script>  


网页打开加载随机调用css样式表方法二： 
<script language="JavaScript">   
var cssurlarr = ["1.css", "2.css", "3.css", "4.css"];   
var cssurl = cssurlarr[Math.floor(Math.random()*cssurlarr.length)];   
document.write(’<link href="’+cssurl+’" rel="stylesheet" type="text/css">’);   
</script >



1.css，2.css，3.css,4.css 为网站网页四种种定制CSS样式。此方法可以实现每次打开网页随机展现不同网页样子，同时还可以设定一个CSS样式表为默认样式，这样网页默认打开时就呈现这种方法，然后再做几个按钮让客户根据自己喜爱调用不同的CSS样式按不同的颜色样式显示网站。
随机加载也有可能使这一次和上一次的样式相同。可使用cookie机制记录当前风格，确保下次下次风格与当前风格一定不同。  

本方法可以实现网页每次打开调用不同的CSS样式表，或者用户可根据自己喜爱选择调用不同CSS样式展现不同的网页风格和样子和颜色。

品牌做网站公司上联网络你身边的网站建设专家http://www.web258.cn 

上一篇 弹出层或者下拉菜单被下面的