基于jQuery实现 图片飞入购物车特效
2015-04-02 22:26
831 查看
在此之前 我还用了一个别人封装的类库 用起来感觉棒棒滴,完美的抛物线,后来问题来了 不能适应各种分辨率,那么美的抛物线也是白搭……
再后来我就只好另寻他法喽
原生的就是简洁美丽,用完之后的感觉是萌萌哒! duang! daung! daung!
再后来我就只好另寻他法喽
<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!
相关文章推荐
- 基于jQuery实现响应式圆形图片轮播特效
- 基于jQuery实现响应式圆形图片轮播特效
- 基于jquery实现的仿优酷图片轮播特效代码
- 基于jquery实现的仿优酷图片轮播特效代码
- 基于jQuery的360图片展示实现代码
- 利用jquery实现图片显隐特效
- 基于jQuery实现图片的前进与后退功能
- 基于jquery实现的鼠标滑过按钮改变背景图片
- 10 个基于 jQuery/CSS3 的图片特效
- jQuery实现基于鼠标滑动改变按钮背景图片、文字
- 基于jquery实现点击左右按钮图片横向滚动
- 基于JQuery的实现图片轮播效果(焦点图)
- 基于jQuery的图片大小自动适应实现代码
- loner_li JQuery插件 实现相册光箱特效(后台数据库调图片和前台直接显示)
- 基于Jquery的图片自动分组且自适应页面的缩略图展示特效
- 基于JQuery的实现图片轮播效果(焦点图)
- 基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
- 基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
- 基于JQuery实现的类似购物商城的购物车
- 基于JQuery实现的类似购物商城的购物车