O.N 이야기
레이어 자동으로 움직이기_브랜드배너시 사용할자료
와이즈사람
2012. 6. 18. 15:52
2000년도만하더라도 이런 소스 구하거나 만들려면 겁나 힘들었는데...
요즘 인터넷이 좋네요... 좋으신분들이 너무 너무 많은거 같아요^^
------------
<script language="JavaScript">
<!--
var count=1;
var t;
function AutoLayer()
{
Layer_Controls("layer"+count);
count++;
if(count>3) count=1;
t=setTimeout("AutoLayer()",1000);
}
function Layer_Controls(i)
{
clearTimeout(t);
document.getElementById("layer1").style.display="none";
document.getElementById("layer2").style.display="none";
document.getElementById("layer3").style.display="none";
if(i=="layer1") document.getElementById("layer1").style.display="block";
if(i=="layer2") document.getElementById("layer2").style.display="block";
if(i=="layer3") document.getElementById("layer3").style.display="block";
}
//-->
</script>
</head>
<body onLoad="AutoLayer()">
<table border="1" cellpadding="0" cellspacing="0" width="400px">
<tr>
<td width="100px">
TAB MENU
</td>
<td rowspan="4" width="300px" valign="top">
<div id="layer1" style="display:block">
LAYERS FIRST 1
</div>
<div id="layer2" style="display:none">
LAYERS SECOND 2
</div>
<div id="layer3" style="display:none">
LAYERS THIRD 3
</div>
</td>
</tr>
<tr>
<td onMouseOver="Layer_Controls('layer1')" onMouseOut="AutoLayer()">
TAB_1
</td>
</tr>
<tr>
<td onMouseOver="Layer_Controls('layer2')" onMouseOut="AutoLayer()">
TAB_2
</td>
</tr>
<tr>
<td onMouseOver="Layer_Controls('layer3')" onMouseOut="AutoLayer()">
TAB_3
</td>
</tr>
</table>