大佬教程收集整理的这篇文章主要介绍了使用jquery在圆圈中旋转多个图像,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<script type="text/javascript"> var p = 0; function moveit() { p += 0.02; var r = 135; var xcenter = 500; var ycenter = 200; var newLeft = Math.floor(xcenter + (r * Math.cos(p))); var newTop = Math.floor(ycenter + (r * Math.sin(p))); $('#friends').animate({ top: newTop,left: newLeft,},10,function() { moveit(); $('#friends2').animate({ top: newTop,15,function() { moveit(); }); } $(document).ready(function() { moveit(); }); </script>
我的css和html源代码是
#friends { position: absolute; } #friends2 { position: absolute; } <img src="Images/info.gif" id="friends"/> <img src="Images/circle.jpg" id="circles" /> <img src="Images/Help.gif" id="friends2" />
现场演示:http://jsfiddle.net/W69s6/embedded/result/,但这是单张图片..
有什么建议??
编辑::
我的形象
要么
它有两个项目,以相同的速度在同一轨道上旋转.它永远不会重叠.
编辑:
并且here is the example对于4个项目以相同的速度和相同的轨道旋转但是同样分开.
更新:
And here is the simple image version
希望这会有所帮助.干杯!!!
以上是大佬教程为你收集整理的使用jquery在圆圈中旋转多个图像全部内容,希望文章能够帮你解决使用jquery在圆圈中旋转多个图像所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。