我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

jquery动画效果-创新互联

1.基本效果
show([s,[e],[fn]]) 显示
hide([s,[e],[fn]]) 隐藏
toggle([s],[e],[fn]) 显示隐藏切换
不带参数 直接显示隐藏
带参数 speed easing fn
不建议带speed easing
fn 指动画完成之后
2.滑动
slideDown([s],[e],[fn])
slideUp([s,[e],[fn]])
slideToggle([s],[e],[fn])
3.淡入淡出
fadeIn([s],[e],[fn]) 淡入
fadeOut([s],[e],[fn]) 淡出
fadeTo([[s],o,[e],[fn]]) 透明度的动画
fadeToggle([s,[e],[fn]])
4自定义
animate(p,[s],[e],[fn])1.8 params 属性 speed easing fn
stop([c],[j])1.7
停止当前正在执行的动画
delay(d,[q]) 延迟后续动画的执行
finish([queue])1.9+

创新互联专注于芙蓉网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供芙蓉营销型网站建设,芙蓉网站制作、芙蓉网页设计、芙蓉网站官网定制、微信小程序开发服务,打造芙蓉网络公司原创品牌,更为您提供芙蓉网站排名全网营销落地服务。



  • mousedown([[data],fn])
  • mouseenter([[data],fn])
  • mouseleave([[data],fn])
  • mousemove([[data],fn])
    $(function () {
        //声明变量控制奇偶
        var count = 0;
        $(".btns").click(function () {
            addanimate();
        });
        function addanimate() {
            $("li").each(function (index) {
                var delaytime = index * 100;
                $(this).delay(delaytime).animate({
                    width: count % 2 == 0 ? 200 : 100
                }, 1000);
            }).last().queue(function () {
                //当前最后一个元素动画的队列执行完成之后执行的回调函数
                count++;
                $(this).dequeue();//删除当前元素最前端的队列函数
                addanimate();
            });
        }

        $(".btnp").click(function () {
            $("li").stop();
        });
        $(".btnf").click(function () {
            $("li").finish();
        });
    });

网页标题:jquery动画效果-创新互联
当前URL:http://mswzjz.cn/article/dsoece.html

其他资讯