[HTML]
<img src="images/gnb_menu01.gif" onmouseover="show_layer('showmenu1')" onmouseout="sub_out()" class="gnb_img" alt="품질지수관리" />
<div id="showmenu1" style="visibility:hidden;" onmouseout="sub_out()" onmouseover="sub_over()">
<iframe id="back_smenu01" frameborder="0"></iframe>
<div class="smenu01">
<ul class="gnb_depth01">
<li><a href="#" onmouseover="txt_over()" onmouseout="txt_out()">품질지수조회</a></li>
<li><a href="#" onmouseover="txt_over()" onmouseout="txt_out()">목표수준거래승인완료율</a></li>
</ul>
</div>
</div>
[스크립트]
//메뉴 갯수
var lay_length = 3;
var inter_id = "";
function hide_set(){
//서브레이어 다 안보이게
for(var i=1; i<=lay_length; i++){
var txt = "showmenu"+i;
document.getElementById(txt).style.visibility="hidden";
}
}
function show_layer(id){
//서브레이어 다 감추고 다시 내꺼만 보이게
clearInterval(inter_id);
hide_set();
document.getElementById(id).style.visibility="visible";
}
//서브배경과 메뉴를 벗어날경우 시간차로 서브감추기
function sub_out(){
clearInterval(inter_id);
inter_id = setInterval("check();",1000);
}
function sub_over(){
clearInterval(inter_id);
}
function txt_out(){
clearInterval(inter_id);
inter_id = setInterval("check();",1000);
}
function txt_over(){
clearInterval(inter_id);
}
function check(){
hide_set();
clearInterval(inter_id);
}
//메뉴 갯수
var lay_length = 3;
var inter_id = "";
function hide_set(){
//서브레이어 다 안보이게
for(var i=1; i<=lay_length; i++){
var txt = "showmenu"+i;
document.getElementById(txt).style.visibility="hidden";
}
}
function show_layer(id){
//서브레이어 다 감추고 다시 내꺼만 보이게
clearInterval(inter_id);
hide_set();
document.getElementById(id).style.visibility="visible";
}
//서브배경과 메뉴를 벗어날경우 시간차로 서브감추기
function sub_out(){
clearInterval(inter_id);
inter_id = setInterval("check();",1000);
}
function sub_over(){
clearInterval(inter_id);
}
function txt_out(){
clearInterval(inter_id);
inter_id = setInterval("check();",1000);
}
function txt_over(){
clearInterval(inter_id);
}
function check(){
hide_set();
clearInterval(inter_id);
}
<img src="images/gnb_menu01.gif" onmouseover="show_layer('showmenu1')" onmouseout="sub_out()" class="gnb_img" alt="품질지수관리" />
<div id="showmenu1" style="visibility:hidden;" onmouseout="sub_out()" onmouseover="sub_over()">
<iframe id="back_smenu01" frameborder="0"></iframe>
<div class="smenu01">
<ul class="gnb_depth01">
<li><a href="#" onmouseover="txt_over()" onmouseout="txt_out()">품질지수조회</a></li>
<li><a href="#" onmouseover="txt_over()" onmouseout="txt_out()">목표수준거래승인완료율</a></li>
</ul>
</div>
</div>
[스크립트]
//메뉴 갯수
var lay_length = 3;
var inter_id = "";
function hide_set(){
//서브레이어 다 안보이게
for(var i=1; i<=lay_length; i++){
var txt = "showmenu"+i;
document.getElementById(txt).style.visibility="hidden";
}
}
function show_layer(id){
//서브레이어 다 감추고 다시 내꺼만 보이게
clearInterval(inter_id);
hide_set();
document.getElementById(id).style.visibility="visible";
}
//서브배경과 메뉴를 벗어날경우 시간차로 서브감추기
function sub_out(){
clearInterval(inter_id);
inter_id = setInterval("check();",1000);
}
function sub_over(){
clearInterval(inter_id);
}
function txt_out(){
clearInterval(inter_id);
inter_id = setInterval("check();",1000);
}
function txt_over(){
clearInterval(inter_id);
}
function check(){
hide_set();
clearInterval(inter_id);
}
//메뉴 갯수
var lay_length = 3;
var inter_id = "";
function hide_set(){
//서브레이어 다 안보이게
for(var i=1; i<=lay_length; i++){
var txt = "showmenu"+i;
document.getElementById(txt).style.visibility="hidden";
}
}
function show_layer(id){
//서브레이어 다 감추고 다시 내꺼만 보이게
clearInterval(inter_id);
hide_set();
document.getElementById(id).style.visibility="visible";
}
//서브배경과 메뉴를 벗어날경우 시간차로 서브감추기
function sub_out(){
clearInterval(inter_id);
inter_id = setInterval("check();",1000);
}
function sub_over(){
clearInterval(inter_id);
}
function txt_out(){
clearInterval(inter_id);
inter_id = setInterval("check();",1000);
}
function txt_over(){
clearInterval(inter_id);
}
function check(){
hide_set();
clearInterval(inter_id);
}
'web standard > script' 카테고리의 다른 글
pack된 js unpacker해주는 사이트 (0) | 2010.05.12 |
---|---|
슬라이드쇼+인터벌전환+카테고리연동(ie전용) (0) | 2010.05.04 |
ie6에서 png파일 처리방법. (0) | 2010.05.03 |
레이어 하나만 또는 여러개 펼침제어(갯수제한없음) (0) | 2010.03.22 |
레이어 온오프 제어 (0) | 2010.03.22 |