貼上測試網址
http://newtaishinart.creatop.com.tw/index.php
滑鼠移到關於基金會、台新藝術獎
會有下拉式選單出現
可是當滑鼠移出之後,我希望原來的選單會先拉上去之後,就直接隱藏
而不是拉上去之後,又閃了一次
請問該怎如何解決
謝謝
※ 引述《knives ()》之銘言:
: 我現在用jquery配合用php迴圈產生出來的div來做下拉式選單
: div的格式主要為
: <div id='show_".$x."' class='show_menu_div'>
: <ul class='show_menu'>
: <li><a href='".$xlink."'>".$record["xname"]."</a></li>
: </ul>
: </div>
: 然後在原本的網頁裡將要做動作的各個td裡面加上了
: id="show_menu_0"跟class="show_menu"
: 我的jquery程式
: $('.show_menu').hover(
: function () {
: var decide_which_one;
: var obj=$(this).offset();
: var left = obj.left ;
: var top=obj.top+30;
: switch ($(this).attr('id')){
: case "show_menu_0":
: decide_which_one="show_0";
: break;
: case "show_menu_1":
: decide_which_one="show_1";
: break;
: default:
: decide_which_one="";
: break;
: }
: $('#'+decide_which_one).css({left: left + 'px',
: top: top + 'px'}).slideDown();
: },
: function () {
: var decide_which_one;
: var obj=$(this).offset();
: var left = obj.left ;
: var top=obj.top+30;
: switch ($(this).attr('id')){
: case "show_menu_0":
: decide_which_one="show_0";
: break;
: case "show_menu_1":
: decide_which_one="show_1";
: break;
: default:
: decide_which_one="";
: break;
: }
: $('#'+decide_which_one).css({left: left + 'px',
: top: top + 'px'}).slideUp();
: return false;
: }
: );
: 雖然hover事件很成功的觸發了
: 但是現在問題來了
: 問題一:
: 當我滑鼠移到新跑出來的選單上,那麼這些選單又會馬上被slideUp上去
: 這樣我就不能點這選單裡面的超連結了
: 請問要如何解決
: 問題二:
: 為什麼當我hover離開的時候,在IE上面看,原來的選單會又再閃一下才消失
: 用Firefox就不會有這個問題
: 有人可以給我建議嗎
: 謝謝
--
ˍ.─" ̄ ̄"─-.
╱ \
╱ _▂_ \
/ ▂▅▆◤ ▆╱\
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.228.153.178