修订: 是否有任何jQuery插件可以围绕另一个元素旋转?
编辑:通过"轨道运行",我的意思是围绕另一个元素旋转相同的z-index.
我需要使用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,
left: newLeft,
},15, function() {
moveit();
});
}
$(document).ready(function() {
moveit();
});
</script>
Run Code Online (Sandbox Code Playgroud)
我的css和html源代码是
#friends { position: absolute; }
#friends2 { position: absolute; }
<img src="Images/info.gif" …Run Code Online (Sandbox Code Playgroud)