相关插件-动画效果
纯CSS3实现打火机火焰动画
这又是一款很酷的纯CSS3动画特效，它是一个可以点燃的打火机，当你用鼠标滑过这只打火机时，打火机就会打开，然后开始出现火焰燃烧的动画特效。另外要说明的是，整个动画都是利用纯CSS3实现的
动画效果
讨论这个项目（21）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
天山兔子 0
2018/8/10 14:21:46
-
页面滚动的情况下，图片飞入路径有错，需要重新刷新，但是，谁在页面滚动的时候，还刷新页面啊！求完善！
liz1
2019/1/10 13:08:27
将
start: {
left: event.pageX,
top: event.pageY
},
改为
start: {
left: e.clientX,
top: e.clientY
},
麦芒、 0
2017/6/2 11:11:06
为什么会一直报not defined呢
start: {
left: event.pageX,
top: event.pageY - 50
},
end: {
left: offset.left + 10,
top: offset.top + 10,
width: 0,
height: 0
},
麦芒、0
2017/6/2 17:11:53
可以正常使用了，但是有bug，页面缩放或放大之后，图片飞出去的路径就不对了
小白前端成长史0
2017/7/10 17:58:59
-
请问解决了没，我也是遇到这个问题
每天0
2017/7/14 9:39:39
页面缩放后刷新一下页面就正常了
狄恩·莫里亚蒂 1
2016/6/13 17:06:44
这个例子在窗口滚动时可能会不正确。解决方式如下：
flyer.fly({
start: {
left: event.pageX,
top: event.pageY - $(document).scrollTop()
},
end: {
left: offset.left + 10,
top: offset.top - $(document).scrollTop() + 10,
width: 0,
height: 0
}
});
小鱼0
2016/9/19 18:09:28
-
谢谢提醒
Journey.0
2016/12/6 16:12:22
-
我也发现这个问题了 正在找办法解决 ，你的代码完美解决
Faceless Void0
2017/2/26 17:54:41
这段是替换还是是在jquery.fly.min.js里面直接加这一段？
-男人、得有范er0
2017/11/22 14:08:39
function show_tip() {
var flyer = $('.goods-pic > img').clone().css({
'z-index': '999',
'height': '3rem',
'width': '3rem'
});
flyer.fly({
start: {
left: $('.goods-pic > img').offset().left,
top: $('.goods-pic > img').offset().top - $(window).scrollTop()
},
end: {
left: $("#cart_count1").offset().left + 5,
top: $("#cart_count1").offset().top - $(window).scrollTop(),
width: 0,
height: 0
},
onEnd: function() {
flyer.remove();
}
});
}
小飞888888_289760
2018/8/2 13:57:18
-
谢谢
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
