두가지색이 번갈아 fade되는 스크롤바,사이트제작팁,교육센터.
두가지색이 번갈아 fade되는 스크롤바 [2]
|
<HTML>
<title>두가지색이 번갈이 fade되는 스크롤바</title>
<BODY>
<!-- 아래의 소스를 <BODY> 태그와 </BODY> 태그안에 넣으세요 -->
<script language="javascript">
<!--
var begcolor='#FF66CC'; // 시작 색상
var endcolor='#99FF99'; // 마지막 색상
var steps=50;
var delay=50;
if(document.all && document.getElementById){
document.body.style.scrollbarBaseColor=begcolor;
function colorset(num){
this.beg=parseInt('0x'+begcolor.substring(num,num+2));
this.end=parseInt('0x'+endcolor.substring(num,num+2));
this.up=this.startup=(this.end>=this.beg)? true : false;
this.incr=Math.abs(this.end-this.beg)/steps;
this.current=this.beg;
}
function changecolors(){
var color=new Array();
for(i=1;i<=3; i++){
(data[i].up)? data[i].current+=data[i].incr : data[i].current-=data[i].incr;
if(data[i].startup){
if(data[i].current>=data[i].end){ data[i].up=false; data[i].current=data[i].end}
if(data[i].current<=data[i].beg){ data[i].up=true; data[i].current=data[i].beg }
}
if(!data[i].startup){
if(data[i].current<=data[i].end){ data[i].up=true; data[i].current=data[i].end}
if(data[i].current>=data[i].beg){ data[i].up=false; data[i].current=data[i].beg}
}
color[i]=data[i].current;
}
color[4]=Math.floor(color[1]).toString(16); if(color[4].length==1)color[4]='0'+color[4];
color[5]=Math.floor(color[2]).toString(16); if(color[5].length==1)color[5]='0'+color[5];
color[6]=Math.floor(color[3]).toString(16); if(color[6].length==1)color[6]='0'+color[6];
document.body.style.scrollbarBaseColor='#'+color[4]+color[5]+color[6];
}
var data=new Array();
for(i=1, j=1;i<=3; i++, j+=2)data[i]=new colorset(j);
window.=function(){ setInterval('changecolors()',delay) }
}
//-->
</script>
<textarea>
|
|
 week 09-04-18 17:41 조회 : 3276 |
|
|
회원사진이 없습니다.
등록된 자기소개가 없습니다.
|
악플보다 나쁜것이 무플입니다. 댓글을 달아주시는 센스!! 나의글,정보 하나가 많은 이의 큰힘이 됩니다.
좋은글에는 감사의 "추천버튼", 공감가는 댓글에는 "공감버튼"을 눌러주세요~ 나누면 즐거움이 두배^^~
|
|
 |
|
이 정도 실력이면 몇개월 정도 배워야 하나요 ㅎㅎ
|
|
|
|
|
|
|
|
|
|
 최명숙 11-08-18 18:05
감사합니다.
|
|
|
|
|
사이트제작팁
매니져: 미정
패밀리 사이트 바로가기
