0

私は次の設定を実装しました（要求された後）：

変化する画像のスライドショー。ユーザーがマウスオーバーすると、メニューが右上隅に表示され、マウスを外すと消えます。問題は、アイテムにマウスオーバーしようとするとメニューがグリッチになることです。これは、IE6/7とFF3.5の両方で発生します。

Jqueryホバー、mouseenter / mouseleaveを試しましたが、すべて同じ結果になりました。 http://www.codecookery.com/test/index.html

グリッチをまったく発生させないようにすることは可能ですか？

4

1 に答える 1

0

.mouseenter/leaveよりも.hoverを使用する方が良いでしょう。

ただし、実際の問題は、メニューがslideshowwrapperの外側にあるため、メニューにカーソルを合わせると、slideshowwrapperが終了したと見なされることです。htmlを次のように変更し、slideshowwrapperにメニューをネストして、.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>
于 2010-04-08T16:36:00.223 に答える