모바일메뉴

EOND

검색
마이페이지
홈페이지제작솔루션 CMS WEB 툴팁 위키 지식인 CMS 포럼 경매모듈 질문•답변
HTML5/CSS3
글쓰기
-
가
+
[Script] Show-Hide Layers (by 태그매니아)
이온디
2009.01.20 00:27
4969
0
https://eond.com/163954
object(HotopayModel)#900 (23) { ["error"]=> int(0) ["message"]=> string(7) "success" ["variables"]=> array(0) { } ["httpStatusCode"]=> int(200) ["module"]=> string(7) "hotopay" ["module_info"]=> NULL ["origin_module_info"]=> NULL ["module_config"]=> NULL ["module_path"]=> string(52) "/home/eond/web/eond.com/public_html/modules/hotopay/" ["xml_info"]=> NULL ["module_srl"]=> NULL ["mid"]=> NULL ["act"]=> NULL ["template_path"]=> NULL ["template_file"]=> NULL ["layout_path"]=> NULL ["layout_file"]=> NULL ["edited_layout_file"]=> NULL ["stop_proc"]=> bool(false) ["user"]=> object(Rhymix\Framework\Helpers\SessionHelper)#899 (20) { ["member_srl"]=> int(0) ["user_id"]=> NULL ["user_name"]=> NULL ["nick_name"]=> NULL ["email_address"]=> NULL ["phone_number"]=> NULL ["homepage"]=> NULL ["blog"]=> NULL ["birthday"]=> NULL ["denied"]=> NULL ["status"]=> NULL ["is_admin"]=> string(1) "N" ["is_site_admin"]=> NULL ["profile_image"]=> NULL ["image_name"]=> NULL ["image_mark"]=> NULL ["signature"]=> NULL ["description"]=> NULL ["group_list"]=> array(0) { } ["menu_list"]=> array(0) { } } ["request"]=> object(Rhymix\Framework\Request)#10 (13) { ["method"]=> string(3) "GET" ["compat_method"]=> string(3) "GET" ["url"]=> string(28) "coding/163954/comment/462960" ["hostname"]=> string(8) "eond.com" ["domain"]=> NULL ["protocol"]=> string(5) "https" ["callback_function"]=> string(0) "" ["_route_status":protected]=> int(200) ["_route_options":protected]=> object(stdClass)#11 (5) { ["cache_control"]=> bool(true) ["check_csrf"]=> bool(true) ["is_forwarded"]=> bool(false) ["is_indexable"]=> bool(true) ["enable_session"]=> bool(true) } ["module"]=> string(5) "board" ["mid"]=> string(6) "coding" ["act"]=> string(16) "dispBoardContent" ["args"]=> array(5) { ["page"]=> int(7) ["document_srl"]=> string(6) "163954" ["comment_srl"]=> string(6) "462960" ["mid"]=> string(6) "coding" ["act"]=> string(16) "dispBoardContent" } } ["ajaxRequestMethod"]=> array(2) { [0]=> string(6) "XMLRPC" [1]=> string(4) "JSON" } ["gzhandler_enable"]=> bool(true) }

<body onLoad=ck(1)>
<script>
function ck(n) {
v.innerHTML=document.all('test'+n).innerHTML;
}
</script>
<table border=1 width=300>
<tr><td onMouseOver=ck(1) width=100>메뉴1</td><td onMouseOver=ck(2) width=100>메뉴2</td><td onMouseOver=ck(3) width=100>메뉴3</td></tr>
<tr><td colspan=3 id=v></td></tr>
<span id=test1 style="display:none">
<a href="http://kr.yahoo.com">야후0</a>
<a href="http://kr.yahoo.com">야후2</a>
<a href="http://kr.yahoo.com">야후3</a>
</span>
<span id=test2 style="display:none">
<a href="http://kr.yahoo.com">야후4</a>
<a href="http://kr.yahoo.com">야후5</a>
<a href="http://kr.yahoo.com">야후6</a>
</span>
<span id=test3 style="display:none">
<a href="http://kr.yahoo.com">야후7</a>
<a href="http://kr.yahoo.com">야후8</a>
<a href="http://kr.yahoo.com">야후9</a>
</span>
</body>

scr_showhidelayer_menu_tagm.png
<body onLoad=ck(1)> 
<script> 
function ck(n) { 
v.innerHTML=document.all('test'+n).innerHTML; 
} 
</script> 
<table border=1 width=300> 
<tr><td onMouseOver=ck(1) width=100>메뉴1</td><td onMouseOver=ck(2) width=100>메뉴2</td><td onMouseOver=ck(3) width=100>메뉴3</td></tr> 
<tr><td colspan=3 id=v></td></tr> 

<span id=test1 style="display:none"> 
<a href="http://kr.yahoo.com">야후0</a> 
<a href="http://kr.yahoo.com">야후2</a> 
<a href="http://kr.yahoo.com">야후3</a> 
</span> 
<span id=test2 style="display:none"> 
<a href="http://kr.yahoo.com">야후4</a> 
<a href="http://kr.yahoo.com">야후5</a> 
<a href="http://kr.yahoo.com">야후6</a> 
</span> 
<span id=test3 style="display:none"> 
<a href="http://kr.yahoo.com">야후7</a> 
<a href="http://kr.yahoo.com">야후8</a> 
<a href="http://kr.yahoo.com">야후9</a> 
</span> 
</body> 

scr_showhidelayer_menu_tag2.png
<body> 
<script> 
function show(n) { 
submenu.innerHTML=document.all('submenu'+n).innerHTML; 

} 
function hide(n) {
submenu.innerHTML="";
}
</script> 
<style>
.mainmenu {float:left;}
</style>

<!-- s : mainmenu -->
<div onMouseOver=show(1) class=mainmenu>메뉴1

</div>
<div onMouseOver=show(2) class=mainmenu>메뉴2</div>
<div onMouseOver=show(3) class=mainmenu>메뉴3</div> 
<!-- e : mainmenu -->

<!-- s : submenu -->
<div id="submenu" style="clear:both;border:1px solid red;position:absolute;top:50px;display:block;width:100%;" onMouseOut=hide()></div>
<span id=submenu1 style="display:none" class="submenu"> 
야후0 
야후2 
야후3 
</span>
 
<span id=submenu2 style="display:none" class="submenu"> 
야후4 
야후5 
야후6 
</span> 
<span id=submenu3 style="display:none" class="submenu"> 
야후7 
야후8 
야후9 
</span> 

<!-- e : submenu -->
</body> 



0
0
목록
글쓰기 신고 스크랩

댓글 0

댓글작성칸으로
HTML5/CSS3
-
가
+
전체 웹표준 웹접근성 부트스트랩 반응형 웹 UI HTML5 jQuery Script CSS Meta Table Form 미분류 PHP Flash CGI DIV 웹폰트 크로스브라우징 위지윅에디터 svg 프레임워크 map swiperjs
2 3 4 5 6 7 8 9 10 11
글쓰기
메뉴닫기
profile
로그인 해주세요.
자유게시판 글쓰기 저장함 쪽지
전체글보기 인기글 인기멤버 태그

전체 게시판

닫기

마이페이지

로그인을 해주세요

네이버로 로그인
ID/PW찾기 회원가입