레이어 오버시 링크 텍스트로 마우스를 움직이면 레이어가 잠깐 사라졌다가 다시 나옵니다.... 정보
레이어 오버시 링크 텍스트로 마우스를 움직이면 레이어가 잠깐 사라졌다가 다시 나옵니다....
본문
<div id="category_011" style="display:;cursor:hand;" onMouseover="show_category_01(2);" onMouseout="show_category_01(1);">
<a href="/shop/list.php?ca_id=a1"><img src="http://www.cafe79.net/normal/img/jjcity/top_category_02.jpg" alt="" border=0></a></div>
<div id="category_012" style="display:none;position:relative;top:-1px;left:0px" onMouseover="show_category_01(2);" onMouseout="show_category_01(1);">
<div id=category_01_list style="padding:7;line-height:160%;position:absolute; background-color:#ffffff; width:206px; background-color:#d0d7f1; z-index:200;">
<?
$msql = " select ca_id, ca_name from $g4[yc4_category_table] where Length(ca_id) = '4' and Left(ca_id, 2) = 'a1' order by ca_name asc ";
$mresult = sql_query($msql);
for ($i=0; $mrow=sql_fetch_array($mresult); $i++)
{
echo "<a href=\"$g4[shop_path]/list.php?ca_id=$mrow[ca_id]\">".$mrow[ca_name]."</a><br>";
}
?>
</div>
</div>
<a href="/shop/list.php?ca_id=a1"><img src="http://www.cafe79.net/normal/img/jjcity/top_category_02.jpg" alt="" border=0></a></div>
<div id="category_012" style="display:none;position:relative;top:-1px;left:0px" onMouseover="show_category_01(2);" onMouseout="show_category_01(1);">
<div id=category_01_list style="padding:7;line-height:160%;position:absolute; background-color:#ffffff; width:206px; background-color:#d0d7f1; z-index:200;">
<?
$msql = " select ca_id, ca_name from $g4[yc4_category_table] where Length(ca_id) = '4' and Left(ca_id, 2) = 'a1' order by ca_name asc ";
$mresult = sql_query($msql);
for ($i=0; $mrow=sql_fetch_array($mresult); $i++)
{
echo "<a href=\"$g4[shop_path]/list.php?ca_id=$mrow[ca_id]\">".$mrow[ca_name]."</a><br>";
}
?>
</div>
</div>
댓글 전체
위처럼....마우스 오버시 하단으로 레이어가 나오도록 되어 있는데....레이어안에 카테고리 링크가 나타납니다. 문제는 이 링크에 마우스를 올릴때....레이어가 사라지면서 다시 나옵니다. 짧은 순간이기 때문에 깜빡 거리는 현상으로 나타납니다. 이 깜빡임 현상이 없게 할려면 어떻게 해야 할까요???
category_011 밑에 category_012 에도 똑같은
onMouseover="show_category_01(2);" onMouseout="show_category_01(1); 이 들어있어서 한번 더 실행이 되는 것입니다.
category_011 안에
onMouseover="show_category_01(2);" onMouseout="show_category_01(1); 뺀
category_012 를 넣으면 되지 않을까요
<div id="category_011" style="display:;cursor:hand;" onMouseover="show_category_01(2);" onMouseout="show_category_01(1);">
<a href="/shop/list.php?ca_id=a1"><img src="http://www.cafe79.net/normal/img/jjcity/top_category_02.jpg" alt="" border=0></a>
<div id=category_01_list style="display:none;padding:7;line-height:160%;position:absolute; background-color:#ffffff; width:206px; background-color:#d0d7f1; z-index:200;">
<?
$msql = " select ca_id, ca_name from $g4[yc4_category_table] where Length(ca_id) = '4' and Left(ca_id, 2) = 'a1' order by ca_name asc ";
$mresult = sql_query($msql);
for ($i=0; $mrow=sql_fetch_array($mresult); $i++)
{
echo "<a href=\"$g4[shop_path]/list.php?ca_id=$mrow[ca_id]\">".$mrow[ca_name]."</a><br>";
}
?>
</div>
</div>
onMouseover="show_category_01(2);" onMouseout="show_category_01(1); 이 들어있어서 한번 더 실행이 되는 것입니다.
category_011 안에
onMouseover="show_category_01(2);" onMouseout="show_category_01(1); 뺀
category_012 를 넣으면 되지 않을까요
<div id="category_011" style="display:;cursor:hand;" onMouseover="show_category_01(2);" onMouseout="show_category_01(1);">
<a href="/shop/list.php?ca_id=a1"><img src="http://www.cafe79.net/normal/img/jjcity/top_category_02.jpg" alt="" border=0></a>
<div id=category_01_list style="display:none;padding:7;line-height:160%;position:absolute; background-color:#ffffff; width:206px; background-color:#d0d7f1; z-index:200;">
<?
$msql = " select ca_id, ca_name from $g4[yc4_category_table] where Length(ca_id) = '4' and Left(ca_id, 2) = 'a1' order by ca_name asc ";
$mresult = sql_query($msql);
for ($i=0; $mrow=sql_fetch_array($mresult); $i++)
{
echo "<a href=\"$g4[shop_path]/list.php?ca_id=$mrow[ca_id]\">".$mrow[ca_name]."</a><br>";
}
?>
</div>
</div>