在这里,我试图使图像在圆形路径中移动,但它不是在圆形路径中移动..我试过这样的
Moving a picture around slowly
CSS
#friends { position: absolute; }
<img src="http://jsfiddle.net/img/logo.png" id="friends"/>
JS
function moveit() { var newTop = Math.floor(Math.random()*350); var newLeft = Math.floor(Math.random()*1024); var newDuration = Math.floor(Math.random()*5000); $('#friends').animate({ top: newTop,left: newLeft,},newDuration,function() { moveit(); }); } $(document).ready(function() { moveit(); });
现场演示:http://jsfiddle.net/W69s6/embedded/result/
任何建议??
解决方法
另一种变体(基于
Div Moving in cycle rotation using Javascript):
var t = 0; function moveit() { t += 0.05; var r = 100; // radius var xcenter = 100; // center X position var ycenter = 100; // center Y position var newLeft = Math.floor(xcenter + (r * Math.cos(t))); var newTop = Math.floor(ycenter + (r * Math.sin(t))); $('#friends').animate({ top: newTop,1,function() { moveit(); }); } $(document).ready(function() { moveit(); });
原文地址:https://www.jb51.cc/jquery/177981.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。