一区不卡国产视频,小黄片免费视频在线观看,国产这里有精品99,国产成人精品自产久久亚洲精品,亚洲国产电影二区

品優(yōu)網(wǎng)絡(luò) 十六年(2003-2018)專注
網(wǎng)站制作知識:用JS代碼實現(xiàn)隨機加載不同的CSS樣式
日期:2015-01-06 作者:admin 來源: 瀏覽次數(shù):0 網(wǎng)友評論 0

企業(yè)網(wǎng)站推廣1

  隨機載入CSS樣式的JS效果實際上很好實現(xiàn),本文的代碼如下,具體思路是用一個默認(rèn)的CSS樣式:default.css。另外再用三個其他名稱 的CSS:skin1.css,skin2.css,skin3.css。當(dāng)然你可以用更多的樣式表,隨后在載入時進行隨機替換,因為更先載入的 default.css樣式是直接寫在頁面上,而JS隨機載入的后面CSS文件會覆蓋之前的CSS,只要CSS中的元素名稱相同即可。
var Init = {

//樣式表文件目錄路徑
baseSkinUrl : "/blog/css/skin/",

//樣式表文件名稱列表
styles : ["default", "skin1", "skin2", "skin3"],

//樣式cookie的key值
cookieKey : "css9_blog_random_css",

//定義方法,獲取min至max間的隨機數(shù),包含min及max
getRandomNum : function(min, max){
return min + Math.floor(Math.random() * (max - min + 1));
},

//定義方法,獲取cookie值
getCookie : function(name) {
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null) {
return unescape(arr[2]);
}
return null;
},

//定義方法,設(shè)置cookie值
setCookie : function(sName,sValue,objHours,sPath,sDomain,bSecure){
var sCookie = sName + "=" + encodeURIComponent(sValue);
if (objHours) {
var date = new Date();
var ms = objHours * 3600 * 1000;
date.setTime(date.getTime() + ms);
sCookie += ";expires=" + date.toGMTString();
}
if (sPath) {
sCookie += ";path=" + sPath;
}
if (sDomain) {
sCookie += ";domain=" + sDomain;
}
if (bSecure) {
sCookie += ";secure";
}
document.cookie=sCookie;
},

//定義方法,通過獲取隨機數(shù)隨機加載CSS
loadCSS : function(){
var length = this.styles.length,
random = this.getRandomNum(0, length-1),
cookieStyle = this.getCookie(this.cookieKey),
currentStyle = "default";

//如果當(dāng)前隨機取到的樣式與cookie中樣式相同,則重新計算隨機數(shù)
while(this.styles[random] == cookieStyle)
{
random = this.getRandomNum(0, length-1)
}

currentStyle = this.styles[random];

//將新樣式存入cookie,cookie有效時間為24小時
this.setCookie(this.cookieKey, currentStyle, 24, "/", "websbook.com", false);

//若樣式名稱不為"default"默認(rèn)樣式,則向<head />標(biāo)簽中寫入定制樣式
if(currentStyle != "default")
{
document.write('<link rel="stylesheet" type="text/css"
href="' + this.baseSkinUrl + this.styles[random] + '.css" />');
}
}
}

Init.loadCSS();

網(wǎng)站制作知識:用JS代碼實現(xiàn)隨機加載不同的CSS樣式,希望對您有用。

企業(yè)網(wǎng)站推廣2

查看更多寧波網(wǎng)站制作公司網(wǎng)站制作樣式加載

寧波網(wǎng)站建設(shè) (http://www.sdjianlida.com/) 版權(quán)與免責(zé)聲明
    1、凡本網(wǎng)注明“來源:寧波品優(yōu)網(wǎng)絡(luò)”字樣的所有作品,版權(quán)均屬于浙江省寧波海曙品優(yōu)網(wǎng)絡(luò)技術(shù)有限公司,如需轉(zhuǎn)載、摘編或利用其它方式使用上述作品,請與本網(wǎng)聯(lián)系。
    2、凡本網(wǎng)注明“來源:XXX(非寧波品優(yōu)網(wǎng)絡(luò))”的作品,均轉(zhuǎn)載自其它媒體,轉(zhuǎn)載目的在于傳遞更多信息,并不代表本網(wǎng)贊同其觀點和對其真實性負(fù)責(zé)。寧波網(wǎng)站建設(shè)的轉(zhuǎn)載僅為信息的廣泛傳播,如有侵權(quán)請及時告之刪除。
返回:寧波網(wǎng)站制作公司