仿天猫购物车特效

所属分类:其他-动画效果

 48362  430  查看评论 (13)
分享到微信朋友圈
X
仿天猫购物车特效 ie兼容8

=================以下代码由 ‪蓝色的猫  提供=============

使用方法:

var goods;//goods为飞动效果的元素
goods.fly({
   start: {
     left: left,//元素开始飞动的left值
     top:top//元素开始飞动的top的值
   },
   end: {
       left: cartleft,//元素飞动完成目标地点的left值
       top: 210,//元素飞动完成目标地点top值
       width: 20,//元素飞动完成时的宽度
       height:20.//元素飞动完成时的高度
    },
    onEnd: function ()//元素飞动完成回调函数
    {
       alert('动画结束!');
    }
});
相关插件-动画效果

JS和CSS实现的文字特效

JS和CSS实现的文字特效,IE6及以上都支持
  动画效果
 54512  461

打字机效果一段文字实现一个个字出现的效果

10种显示效果可以调节出字速度这样效果又不一样
  动画效果
 34419  431

水滴特效插件弹力实足

jquery加html5实现水滴特效插件
  动画效果
 36959  408

jQuery直播点击飘心效果,点赞桃心飘动效果

直播点击飘心效果,点赞桃心飘动效果,canvas画出桃心飘动效果
  动画效果
 45471  394

讨论这个项目(13)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    刘雨露 0
    2018/11/23 17:42:22
    fly函数在哪里找到? 回复
    上善若水 0
    2017/8/3 10:50:29

    此插件有bug  系统默认滚动条或者放大缩小窗口起始位置和结束位置没有发生

        yamikin1
        2018/7/6 19:17:14

        解决了,原因是获取开始和结束的位置时index.html用的是绝对位置就是相对于整个页面的,都改成相对于窗口的位置就行了,例如:

        var flyer = $('<img class="u-flyer" src="../img/profile-80_1.jpg"/>');
        var offset = $('#tasklistlength')[0];
        flyer.fly({
            start: {
                left: e.clientX,
                top: e.clientY
            },
            end: {
                left: offset.getBoundingClientRect().left,
                top: offset.getBoundingClientRect().top,
                width: 20,
                height: 20
            },
            onEnd: function() {
                $(flyer).remove();
            }
        });
    回复
    上善若水 0
    2017/8/3 9:51:53

    这玩意有bug,当你拖动滚动条的时候  曲线的起点位置还是上一次那个地方

        回忆式^想你0
        2017/9/5 18:59:53
        我也发现了这个问题
    回复
    往上走。。。 0
    2017/4/11 18:04:36
    川--页 0
    2016/10/26 17:10:55
    -果冻-- 0
    2016/6/14 17:06:49
    多谢作者分享
        往上走。。。0
        2017/4/11 18:05:23

        能不能控制时间啊

    回复
    ゆ 小吵小闹小幸福 0
    2015/12/4 16:12:55

    作者都没有写需要引入哪一些JS 和 css 文件啊 ,难道我要把作者的所有文件都引入页面? 比如 bootstrap.css,能整理一下代码再发布吗 

        呃、似水流年0
        2016/6/16 15:06:06
        你这么笨  你家人知道么!你直接看他的html文件里面引入了哪些文件就OK了啊!!我一般很少评论的,突然路过不小心看到了,实在是受不了了....
        雨后show0
        2018/4/25 9:55:13
        轮子都给你造好了,还要人家开车带你??
    回复
    E.vil.浅浅de微蓝。 0
    2015/11/17 16:11:48
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复