Question

我有淡入淡出的问题效果

此脚本块

 var $j = jQuery.noConflict();
$j(function(){
  $j('.homepic').hover(
                function (){
                        var box = $j(this);                     
                        $j('img',this).fadeOut(200,function (){
                            $j('span',box).fadeIn(300);
                    });

                },function(){
                    var box = $j(this);

                    $j('span',this).fadeOut(200,function (){
                            $j('img', box).fadeIn(300);
                        });
                })   
});

上一个脚本这样做：当鼠标悬停在div上时，它隐藏了淡入淡出的图像，然后显示淡入淡出的跨度当鼠标移出它时，用淡入淡出隐藏跨度并用淡入淡出显示图像这一切都还可以但是当鼠标在所有div上快速移动时（大约有6个div有图像和跨度）它相互交叉，就像在不同的地方附加额外的跨度一样我不知道如何防止这种情况，这里是一个div元素块

        <div id="pos1" class="homepic" >
        <a href="http://localhost/elsalam/v2/services/clinics" title="" alt="" >    
            <img width="265" height="169" src="http://localhost/elsalam/v2/wp-content/uploads/2011/02/clinics1.jpg" class="attachment-first-image" alt="clinics" title="clinics" />             <span class="postitle" > Clinic</span>
        </a>                
    </div>

注意：span样式为display：none。

jquery淡入;出问题

0 个答案: