showid simple script
페이지 정보
작성자 서방님 댓글 0건 조회 164회 작성일 07-10-16 18:00본문
<html>
<head>
<script type="text/javascript" src="http://xenosi.de/script/showid.js"></script>
</head>
<body>
void show_over(A Tag, [style display type (default inline)], [tagName (default IMG)]);<br />
void hidden_name(A Tag name, [style display type (default inline)], [tagName (default IMG)]);<br />
void show_out(A Tag, [style display type (default inline)], [tagName (default IMG)]);<br />
void show_toggle(A Tag, [style display type (default inline)], [tagName (default IMG)]);<br />
void show_layer(Tag ID numbers, [style display type (default inline)]);<br />
void show_class(Tag ID numbers, Original Class Name, Target Class Name);<br />
<br />
ex1) 마우스오버시 두번째 이미지로 변환.<br />
<a href="#" onmouseover="show_over(this);" onmouseout="show_out(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" style="display:none;" /></a><br />
<a href="#" onmouseover="show_over(this);" onmouseout="show_out(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" style="display:none;" /></a><br />
<br />
<br />
ex2) 여러버튼에서 한가지는 항상 하일라이트. (주의 : name 과 첫번째 버튼 하일라이트)<br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><br />
<br />
<br />
ex3) 반전 클릭<br />
<a href="#" onclick="show_toggle(this); return false;"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" style="display:none;" /></a><br />
<a href="#" onclick="show_toggle(this); return false;"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" style="display:none;" /></a><br />
<br />
<br />
ex4) ex2 의 레이어 연동 (번호는 1부터 순서에 빠짐 없이)<br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_1');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_2');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_3');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_4');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_5');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_6');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><br />
<div id="layers_1">layer 1</div>
<div id="layers_2" style="display:none;">layer 2</div>
<div id="layers_3" style="display:none;">layer 3</div>
<div id="layers_4" style="display:none;">layer 4</div>
<div id="layers_5" style="display:none;">layer 5</div>
<div id="layers_6" style="display:none;">layer 6</div><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_1');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_2');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_3');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_4');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_5');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_6');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><br />
<div id="layers_1">layer 1</div><br />
<div id="layers_2" style="display:none;">layer 2</div><br />
<div id="layers_3" style="display:none;">layer 3</div><br />
<div id="layers_4" style="display:none;">layer 4</div><br />
<div id="layers_5" style="display:none;">layer 5</div><br />
<div id="layers_6" style="display:none;">layer 6</div><br />
<br />
<br />
etc) show_layer 대신 class 지정<br />
<style>
.buttonclass {
background-color:white;
}
.buttonclassOn {
background-color:#eeeeee;
font-weight:bold;
}
</style>
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_1', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_2', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_3', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_4', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_5', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_6', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><br />
<div id="class_1" class="buttonclassOn">class 1</div>
<div id="class_2" class="buttonclass">class 2</div>
<div id="class_3" class="buttonclass">class 3</div>
<div id="class_4" class="buttonclass">class 4</div>
<div id="class_5" class="buttonclass">class 5</div>
<div id="class_6" class="buttonclass">class 6</div><br />
<style><br />
.buttonclass {<br />
background-color:white;<br />
}<br />
.buttonclassOn {<br />
background-color:#eeeeee;<br />
font-weight:bold;<br />
}<br />
</style><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_1', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_2', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_3', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_4', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_5', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_6', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><br />
<!-- 레이어 없는 경우 --><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><br />
<!-- 레이어 없는 경우 --><br /><br />
<div id="class_1" class="buttonclassOn">class 1</div><br />
<div id="class_2" class="buttonclass">class 2</div><br />
<div id="class_3" class="buttonclass">class 3</div><br />
<div id="class_4" class="buttonclass">class 4</div><br />
<div id="class_5" class="buttonclass">class 5</div><br />
<div id="class_6" class="buttonclass">class 6</div><br />
<br />
<br />
<br />
<br />
심심해서요. 라이센스 분류가 없어서 Copyright 로 했는데 BSD 입니다.
</body>
</html>
출처 : http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=55700&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%B7%B9%C0%CC%BE%EE&sop=and
<head>
<script type="text/javascript" src="http://xenosi.de/script/showid.js"></script>
</head>
<body>
void show_over(A Tag, [style display type (default inline)], [tagName (default IMG)]);<br />
void hidden_name(A Tag name, [style display type (default inline)], [tagName (default IMG)]);<br />
void show_out(A Tag, [style display type (default inline)], [tagName (default IMG)]);<br />
void show_toggle(A Tag, [style display type (default inline)], [tagName (default IMG)]);<br />
void show_layer(Tag ID numbers, [style display type (default inline)]);<br />
void show_class(Tag ID numbers, Original Class Name, Target Class Name);<br />
<br />
ex1) 마우스오버시 두번째 이미지로 변환.<br />
<a href="#" onmouseover="show_over(this);" onmouseout="show_out(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" style="display:none;" /></a><br />
<a href="#" onmouseover="show_over(this);" onmouseout="show_out(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" style="display:none;" /></a><br />
<br />
<br />
ex2) 여러버튼에서 한가지는 항상 하일라이트. (주의 : name 과 첫번째 버튼 하일라이트)<br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><br />
<a name="buttons" href="#" onmouseover="show_over(this);"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><br />
<br />
<br />
ex3) 반전 클릭<br />
<a href="#" onclick="show_toggle(this); return false;"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" style="display:none;" /></a><br />
<a href="#" onclick="show_toggle(this); return false;"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" style="display:none;" /></a><br />
<br />
<br />
ex4) ex2 의 레이어 연동 (번호는 1부터 순서에 빠짐 없이)<br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_1');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_2');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_3');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_4');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_5');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_6');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><br />
<div id="layers_1">layer 1</div>
<div id="layers_2" style="display:none;">layer 2</div>
<div id="layers_3" style="display:none;">layer 3</div>
<div id="layers_4" style="display:none;">layer 4</div>
<div id="layers_5" style="display:none;">layer 5</div>
<div id="layers_6" style="display:none;">layer 6</div><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_1');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_2');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_3');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_4');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_5');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_6');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><br />
<a name="buttons2" href="#" onmouseover="show_over(this); show_layer('layers_');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><br />
<div id="layers_1">layer 1</div><br />
<div id="layers_2" style="display:none;">layer 2</div><br />
<div id="layers_3" style="display:none;">layer 3</div><br />
<div id="layers_4" style="display:none;">layer 4</div><br />
<div id="layers_5" style="display:none;">layer 5</div><br />
<div id="layers_6" style="display:none;">layer 6</div><br />
<br />
<br />
etc) show_layer 대신 class 지정<br />
<style>
.buttonclass {
background-color:white;
}
.buttonclassOn {
background-color:#eeeeee;
font-weight:bold;
}
</style>
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_1', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_2', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_3', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_4', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_5', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_6', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><!-- 레이어 없는 경우 --><br />
<div id="class_1" class="buttonclassOn">class 1</div>
<div id="class_2" class="buttonclass">class 2</div>
<div id="class_3" class="buttonclass">class 3</div>
<div id="class_4" class="buttonclass">class 4</div>
<div id="class_5" class="buttonclass">class 5</div>
<div id="class_6" class="buttonclass">class 6</div><br />
<style><br />
.buttonclass {<br />
background-color:white;<br />
}<br />
.buttonclassOn {<br />
background-color:#eeeeee;<br />
font-weight:bold;<br />
}<br />
</style><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_1', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_off.gif" style="display:none;" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu1_on.gif" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_2', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu2_on.gif" style="display:none;" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_3', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu3_on.gif" style="display:none;" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_4', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu4_on.gif" style="display:none;" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_5', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu5_on.gif" style="display:none;" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_6', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu6_on.gif" style="display:none;" /></a><br />
<a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu7_on.gif" style="display:none;" /></a><br />
<!-- 레이어 없는 경우 --><a name="buttons3" href="#" onmouseover="show_over(this); show_class('class_', 'buttonclass', 'buttonclassOn');"><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_off.gif" /><img border="0" src="http://www.phpschool.com/menu_images/top_menu8_on.gif" style="display:none;" /></a><br />
<!-- 레이어 없는 경우 --><br /><br />
<div id="class_1" class="buttonclassOn">class 1</div><br />
<div id="class_2" class="buttonclass">class 2</div><br />
<div id="class_3" class="buttonclass">class 3</div><br />
<div id="class_4" class="buttonclass">class 4</div><br />
<div id="class_5" class="buttonclass">class 5</div><br />
<div id="class_6" class="buttonclass">class 6</div><br />
<br />
<br />
<br />
<br />
심심해서요. 라이센스 분류가 없어서 Copyright 로 했는데 BSD 입니다.
</body>
</html>
출처 : http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=55700&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%B7%B9%C0%CC%BE%EE&sop=and
첨부파일
- showid.js (2.9K) 0회 다운로드 | DATE : 2008-09-08 11:41:15
댓글목록
등록된 댓글이 없습니다.
