基于jQuery实现 图片飞入购物车特效
浏览数：27 /
时间：2015年06月09日
在此之前 我还用了一个别人封装的类库 用起来感觉棒棒滴，完美的抛物线，后来问题来了 不能适应各种分辨率，那么美的抛物线也是白搭……
再后来我就只好另寻他法喽
<div class="end">终点</div>
<img src="####" class="picture" />
<script src="####/jquery.min.js"></script>
<script>
$(function(){
$(‘.picture‘).click(function(){
var flyElm = $(‘.lanrenzhijia‘).clone().css(‘opacity‘,‘0.7‘);
flyElm.css({
‘z-index‘: 9000,
‘display‘: ‘block‘,
‘position‘: ‘absolute‘,
‘top‘: $(‘.picture‘).offset().top +‘px‘,
‘left‘: $(‘.picture‘).offset().left +‘px‘,
‘width‘: $(‘.picture‘).width() +‘px‘,
‘height‘: $(‘.picture‘).height() +‘px‘
});
$(‘body‘).append(flyElm);
flyElm.animate({
top:$(‘.end‘).offset().top,
left:$(‘.end‘).offset().left,
width:50,
height:50,
},‘slow‘);
});
});
</script>
原生的就是简洁美丽，用完之后的感觉是萌萌哒! duang! daung! daung!
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
