div對象反覆閃爍

我試圖爲我的一個div創建一個淡入/淡出效果，但淡入效果本身很好，但是當加上淡出效果時，它會使整個div繼續在視口區域中閃爍。看看代碼：div對象反覆閃爍

hover.addEventListener('mouseover',function() {$('#cpanel').fadeIn("slow");/*Core.addClass(cpanel,"on");*/},false); 
    hover.addEventListener('mouseout', function() {$('#cpanel').fadeOut("slow");/*Core.removeClass(cpanel,"on");*/},false);

光標似乎因爲它消失，並逐漸消失，反覆發作要失去對象的焦點。有人可以幫忙嗎？

編輯：註釋掉的部分是我在實現jQuery之前使用的方法。 Core也是我正在使用的另一個庫。 cpanel是我想要淡入/淡出的div。

的要求，所述的cPanel HTML：

<div id="cpanel"> 
      <div class="box" name="prevImg"><a href="#" id="prevImg"><img class='text' src="nav-prev.gif"/></a></div> 
      <div class="box" name="zoom"><a href="#" id="Zoom"><img class='text' src="nav-zoom.gif"/></a></div> 
      <div class="box" name="back"><a href="#" id="Back"><img class='text' src="nav-home.gif"/></a></div> 
      <div class="box" name="nextImg"><a href="#" id="nextImg"><img class='text' src="nav-next.gif"/></a></div> 
     </div>

通過DOM生成懸停DIV。這是一個隱藏的div，我只是爲了確保懸停發生在顯示容器中間。

來源

2009-06-24 amit

請問您張貼HTML。 – TheVillageIdiot 2009-06-24 10:19:37

您應該使用懸停方法。

$('your item').hover(function(){$("#cpanel").fadeIn("slow")},function(){$("#cpanel").fadeOut("slow");});

懸停方法有兩個功能 - 一個在鼠標中激活，另一個在鼠標上激活。

請參閱the jQuery docs瞭解更多信息。

來源

2009-06-24 10:36:38 jwoolard

我無法使其正常工作。當我使用上面的語句時，當我mouseovr reqd區域時，沒有任何反應。 – amit 2009-06-24 11:20:09

div對象反覆閃爍

回答

相關問題