http://oxtag.com/html/ex/layer_1.html
아래 banner3.gif 이미지대신 글자를 넣어두 됩니다.
테이블을 구성해서 멋지게 꾸미셔두 되구요.
var XX=20 : X 좌표값이면 큰수 일수록 오른쪽으로 갑니다.
var xstep=1과 var delay_time=8; 요건 알맞게 수치를 조절하세요.
레이어가 움직이는 속도 관련 함수입니다.
<div id="point1" STYLE="position:absolute;visibility:visible;">
<img src=http://oxtag.com/html/img/banner3.gif>
</div>
<script LANGUAGE="JavaScript1.2">
var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=8;
//Begin of the unchangable area, please do not modify this area
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}
if (ie||ns4||ns6)
window.onload=onad
</script>
'인터넷관련' 카테고리의 다른 글
마우스 커서를 맴도는 매직효과 (0) | 2008.01.24 |
---|---|
마우스 커서를 맴도는 매직 효과 (0) | 2008.01.24 |
마우스 주위에 원을 그리는 매직 효과 (0) | 2008.01.24 |
이미지 물결 효과 (0) | 2008.01.24 |
마우스 커서에 스크롤되는 문자가 쫓아다님 (0) | 2008.01.24 |
text 타이핑 효과 (0) | 2008.01.24 |
원하는 글이 좌측으로 흐르는 텍스트로 링크지원(body)에 삽입 (0) | 2008.01.24 |
문자가 순간 적으로 변하면 링크 지원 (0) | 2008.01.24 |