Можно ли вращать Div в циклическом вращении с помощью javascript. У меня есть четыре DIVs на странице HTML. Мне нужно вращать эти DIV в циклическом вращении.
Если это возможно, скажите мне сейчас. Это срочно.
На самом деле это не сложно:
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
Не тестировали, но это о том, как это должно работать. Убедитесь, что свойство css "position" для этих divs является абсолютным или фиксированным. Также рассмотрите параметрическое уравнение для круга.
Не уверен, что я понимаю вопрос, но посмотрите на плагин jQuery 'Cycle': http://www.malsup.com/jquery/cycle/
Вы можете использовать библиотеку JavaScript Raphaël, чтобы выполнить что-то вроде этого.
Стив
это можно было бы сделать... но не так легко, и вы не смогли бы сохранить первоначальное ощущение содержимого внутри div.
если я не понял ваш вопрос, если вы просто говорите о велоспорте через 4 divs... это вызывающе возможно и очень легко. Но если вы спрашиваете, можете ли вы повернуть фактический div...