묻고답하기
여러개의 스타일시트를 사용하려면?
2003.10.23 12:25
홈페이지의 메인 화면을 매일 바꾸려고합니다.
메인화면의 틀은 고정된 상태에서 메뉴,테이블 등에 다양한 톤을 넣으려고합니다.
매일 매일이 다르게요^^
그래서 a,b,c,d,e,f,g 이런식으로 7개정도의 스타일 시트를 만들어서..
index파일에서 오늘의 요일에 따라서 일정한(랜덤해도됨, 이때엔 스타일시트 갯수제한없이..) 스타일 시트를 불러오려고합니다.
아무리 찾아봐도 알수가없어서요.. 이렇게 도움부탁드립니다 (__)
메인화면의 틀은 고정된 상태에서 메뉴,테이블 등에 다양한 톤을 넣으려고합니다.
매일 매일이 다르게요^^
그래서 a,b,c,d,e,f,g 이런식으로 7개정도의 스타일 시트를 만들어서..
index파일에서 오늘의 요일에 따라서 일정한(랜덤해도됨, 이때엔 스타일시트 갯수제한없이..) 스타일 시트를 불러오려고합니다.
아무리 찾아봐도 알수가없어서요.. 이렇게 도움부탁드립니다 (__)
function random(n) {return (Math.floor(Math.random()*100000)%[6]);} // 숫자 6은 스타일시트 개수입니다.
// 아래 숫자 random([6]) 여기의 숫자도 위와 동일하게 설정하세요.
document.write( '<link rel=StyleSheet HREF="./style'+random([6])+'.css" type=text/css title=style>');
</script>
위 소스를 head 태그에 넣으시구요. 이름은 style0.css 부터 시작합니다.
style0.css, style1.css, style2.css, style3.css, style4.css, style5.css 이렇게 6개의 파일을 만듭니다.
물론 클래스를 문서에 동일하게 지정해줘야겠죠.