是否可以使用 JavaScript 在循环旋转中旋转 Div。我在一个 HTML 页面中有四个 DIV。我需要循环旋转这些 DIV。
问问题
11132 次
4 回答
4
其实并不难:
function moveDiv(t,mdiv) {
t = t + 0.05; // "time"
var r = 10, //radius of circle
xcenter = 400, //x location of circles centre on screen
ycenter = 400, //y location of circles centre on screen
x = Math.floor(xcenter + (r * Math.cos(t))), //circles parametric function
y = Math.floor(ycenter + (r * Math.sin(t))); //circles parametric function
mDiv.style.top = x + "px"; //set divs new coordinates
mDiv.style.left = y + "px"; //set divs new coordinates
setTimeout(function() { //make sure the animation keeps going
moveDiv(t,mdiv);
}, 100);
}
myDiv = //get div element
moveDiv(1,myDiv); //start the animation
尚未测试,但这就是它应该如何工作。确保将这些 div 的 css“位置”属性设置为绝对或固定。还要看看圆的参数方程。
于 2009-05-10T04:06:01.277 回答
1
不确定我是否理解这个问题,但请看一下“循环”jQuery 插件: http: //www.malsup.com/jquery/cycle/
于 2009-05-10T03:13:46.457 回答
1
您也许可以使用Raphaël JavaScript 库来完成类似的事情。
史蒂夫
于 2009-05-09T05:59:01.250 回答
0
这有可能做到……但并不容易,而且您将无法保持 div 内内容的原始感觉。
除非我误解了你的问题,如果你只是在谈论通过 4 个 div 循环......这绝对是可能的,而且非常容易。但是如果你问你是否可以旋转实际的 div ......
于 2009-05-09T05:57:35.933 回答