Npiza's Trendy :: 레이어 토글소스

'전체'에 해당되는 글 16건

2008/08/21 레이어 토글소스

레이어 토글소스

잡동사니 2008/08/21 13:34

영수형이 맹궈주신 ~ 레이어 토글소스 !
잘쓰겠습니다 ~ !

<html>
<script language=javascript>

var laynum=0;
function disp_next() {

laynum++;

if (laynum >= document.all.layer_list.length) {
laynum = 0;
}

for(i = 0; i < document.all.layer_list.length; i++) {
if(i == laynum) {
document.all.layer_list[i].style.display="";
} else {
document.all.layer_list[i].style.display="none";
}
}
}

function disp_prev() {

laynum--;

if (laynum < 0) {
laynum = document.all.layer_list.length - 1;
}

for(i = 0; i < document.all.layer_list.length; i++) {
if(i == laynum) {
document.all.layer_list[i].style.display="";
} else {
document.all.layer_list[i].style.display="none";
}
}

}
</script>
<body topmargin="10" leftmargin="10">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr height="30">
<td width="100%" align="left">
<input type="button" value="PREV" onClick="disp_prev()" style="border:1 solid #ccc">
<input type="button" value="NEXT" onClick="disp_next()" style="border:1 solid #ccc">
</td>
</td>
</tr>
</table>

<div id="layer_list">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="e7e7e7">
<tr height="50">
<td align="left" valign="top" style="padding-top:10px"> <b><font color="blue"> ▒ 레이어A</font></b></td>
</tr>
</table>
</div>