網頁每次加載隨機調用不同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樣式按不同的顏色樣式顯示網站。
隨機加載也有可能使這一次和上一次的樣式相同?？墒褂胏ookie機制記錄當前風格，確保下次下次風格與當前風格一定不同。  

本方法可以實現網頁每次打開調用不同的CSS樣式表，或者用戶可根據自己喜愛選擇調用不同CSS樣式展現不同的網頁風格和樣子和顏色。

品牌做網站公司上聯網絡你身邊的網站建設專家http://www.etnewgen.com 

上一篇 彈出層或者下拉菜單被下面的