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>
'인터넷관련' 카테고리의 다른 글
| 특정 날짜로부터 현째 날짜까지 일수 구하기 (0) | 2008.01.29 |
|---|---|
| 페이지 로딩시 특정 시간 흐른 후 새창띄우기 및 닫기 (0) | 2008.01.29 |
| 핫키 (0) | 2008.01.29 |
| event object의 활용 (0) | 2008.01.29 |
| 텍스트의 반짝이는 형광효과 (0) | 2008.01.29 |
| 새창에서 키보드 누를경우 자동 닫힘 스크립트. (0) | 2008.01.29 |
| 페이지 프린트 하는 간단한 방법 (0) | 2008.01.29 |
| 이미지가 날아다녀요. (0) | 2008.01.29 |
