임의 부하 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 ();
