<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>
原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/8541.html