你最好使用.hover而不是.mouseenter/leave。
但真正的問題在於,菜單位於幻燈片包裝器之外,因此在菜單上懸停時,將視爲離開幻燈片包裝器。將您的html更改爲以下內容,將菜單嵌套在幻燈片演示器中,然後恢復爲使用.hover功能::
<div id="slideshow-wrapper">
<div id="slideshow">
<img src="images/image1.jpg" alt="Slideshow Image 1" class="active" />
<img src="images/image2.jpg" alt="Slideshow Image 2" />
<img src="images/image3.jpg" alt="Slideshow Image 3" />
<img src="images/image4.jpg" alt="Slideshow Image 4" />
</div>
<div id="main-menu">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">store</a></li>
<li><a href="#">services</a></li>
<li><a href="#">about</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">login</a></li>
</ul>
</div>
</div>
您是救星!非常感謝你! – sarsnake 2010-04-08 19:08:10