jQuery滑动效果和事件切换

jQuery滑动效果和事件切换

上滑动slideUp

下滑动slideDown

滑动切换slideToggle

例子：隐藏栏滑动出现和消失

$(".nav>li").hover(function(){
            $(this).children("ul").slideToggle();
        })

jQuery停止动画排队

把stop()加在slideToggle()的前面。

淡入淡出效果：

淡入fadeIn 淡出fadeOut 循环淡入淡出fadeToggle修改透明度 fadeTo(速度，透明度)

鼠标进入，鼠标离开用hover

 $(function(){
            $(".wrap li").hover(function(){
                $(this).siblings().stop().fadeTo(400,0.5);
            },function(){
                $(this).stop().fadeTo(400,1);
            })
        })

自定义动画：animate用法

$(function(){
        $("buttom").click(function(){
            $("div").animate({//注意括号
                left:200,
                top:200,
                Option:.5,
                with:200
            },500)//时间
        })
       })

案例：王者荣耀