인터넷정보

페이지접속때마다 랜덤으로 스크롤바/버튼 색상을 바꾸어 줍니다.

알 수 없는 사용자 2007. 10. 17. 17:52

http://oxtag.com/html/ex/random_scrollbar/random_scrollbar.html

먼저 랜덤으로 변경시킬 css파일을 만들어 줍니다.
각 css파일 에는 스크롤바/버튼에 색상을 입히는 스타일시트가 들어 갑니다. 아래와같이...

body {scrollbar-face-color: #cccccc; scrollbar-shadow-color: #cccccc; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #888888; scrollbar-darkshadow-color: #888888; scrollbar-track-color: #eeeeee; scrollbar-arrow-color: #cccccc;}
button {background-color:#cccccc;}

스크롤바 face색과 같은색을 하시면 스크롤바와 이쁘게 매치가 됩니다.
그리고 파일이름은 꼭 아래와 같은형식으로해야 합니다.


file1.css
file2.css
file3.css
~~~

이렇게 앞에는같고 숫자는 증가하도록 합니다.
그런다음 css라는 폴더를 만들어서 그안에 방금만든 css파일
들을 올리세요.그리고 마지막으로 아래와 같이 적용 합니다.

<html>
<head>
<script>
<!--
var scbg
do scbg = Math.random().toString().charAt(2);
while (scbg > 3 || scbg < 1); //css파일 수만큼의숫자
document.writeln("<link rel=stylesheet href='css/file" +scbg+ ".css' type=text/css>");
//-->
</script>
</head>
<body>
</body>
</html>
반응형