JS 코드 예제: 다양 한 CSS 스타일의 임의의 로딩의 구현

임의 부하 CSS 스타일 JS 효과 실제로 매우 좋은 구현,이 문서의 코드는 다음과 같습니다, 기본 CSS 스타일을 사용 하는 특정 아이디어: Default.css. 3 개의 다른 이름으로 다른 css:skin1.css,skin2.css,skin3.css입니다. 물론, 더 많은 스타일 시트를 사용할 수 있습니다 그리고 부하, 무작위 교체 DEFAULT.CSS 스타일의 첫 번째 부하, 페이지에 직접 작성 하 고 JS 임의의 CSS 파일 뒤에 로드 하기 때문에 덮어씁니다 이전 CSS css에서 요소 이름은 동일.

var Init = {


 


//Style 시트 파일 디렉터리 경로


baseskinurl: "/ 블로그/css/피부 /",


 


//Style 시트 파일 이름 목록


스타일: ["기본", "Skin1", "skin2", "skin3"],


 


//Style 쿠키 키 값


cookiekey: "Css9_blog_random_css",


 

Min과 Max, Min과 Max
를 포함 한 사이의 임의의 숫자를
//Definition 메서드

getrandomnum:function (최소, 최대) {


반환 분 + math.floor (math.random () * (최대-최소 + 1));


},


 


//define 메서드, get 쿠키 값


getcookie:function (이름) {


var arr = Document.cookie.match (새로운 RegExp ("(^|)" + 이름 + "= ([^;] *)(;|$)"));


경우 (arr! = null) {


반환 이스케이프 해제 (arr[2]);


}


반환 null;


},


 


//define 메서드를 설정된 쿠키 값


setcookie:function (sname, svalue, objhours, spath, sdomain, bsecure) {


var SCookie = sname + "=" + encodeURIComponent (svalue);


경우 (objhours) {


var 날짜 = 새로운 날짜 ();


var ms = Objhours * 3600 * 1000;


Date.settime (Date.gettime () + ms);


SCookie + = "만료 =" + date.togmtstring ();


}


경우 (spath) {


SCookie + = "; p ath =" + spath;


}


경우 (sdomain) {


SCookie + = "d; omain =" + sdomain;


}


경우 (bsecure) {


SCookie + = "보안";


}


Document.cookie=scookie;


},


 

무작위로 임의의 숫자를 얻어서 CSS
로드
//Definition 메서드

loadcss:function () {


var 길이 = this.styles.length,

임의의
= this.getrandomnum (0, 길이-1),


Cookiestyle This.getcookie (This.cookiekey),
=

currentstyle = "기본";


 


///If 스타일을 임의로 인출 하는 전류는 쿠키에 스타일, 임의의 숫자
를 다시 계산
동안
(this.styles[random] = = Cookiestyle)


{

임의의
= this.getrandomnum (0, 길이-1)


}


 


currentstyle This.styles[random =];


 


//Save 새로운 스타일 쿠키, 쿠키 24 시간
에 유효

This.setcookie (This.cookiekey, Currentstyle, "/", "websbook.com", 허위);


 


///If 스타일 이름을 기본 스타일, 사용자 지정 스타일을 쓰기는 < 머리 / > 라벨


경우 (currentstyle! = "기본")


{


document.write (' < rel 링크 스타일 = "유형 =" Text/css "


href = "' + This.baseskinurl + this.styles[random] + '. css" / > ");


}


}


}


 


init.loadcss ();