Анимация объекта
Есть <div class="logo"></div>
Лого - это изображение шестерни. Мне нужно , чтобы она была анимированая , то есть - делала обороты , и чтобы без остановки. Помогите с кодом ! |
Здравствуйте!
Судя по вашему сообщению, вы ну совсем не знаете javascript. Освойте основы языка и вопрос отпадет сам, полностью или частично. А с чем не справитесь - поможем. На сайте javascript можно начать изучать с учебника, раздел Основы javascript. Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/ Задавайте конкретные вопросы по ходу дела. |
Да , я знаю только html и css , а js пытаюсь как то изучать , но как то не продвигается )
|
Цитата:
|
Цитата:
http://jsbin.com/uwapag/1 а если надо для IE - используйте GSAP. Это лучший на текущий момент анимационный движок. |
Цитата:
<style type="text/css"> #logo-img { position:absolute; margin-top:20px; margin-left:100px; } </style> <img id="logo-img" src="http://s4.forumimage.ru/uploads/20100331/127002873894068488.gif" height="120"> |
Цитата:
<center><iframe width="640" height="360" src="http://www.youtube.com/embed/WYcqJ5HdxA4?feature=player_detailpage" frameborder="0" allowfullscreen></iframe></center> |
Цитата:
Но иногда нужно анимировать и PNG - например: https://dl.dropboxusercontent.com/u/...fox/index.html. |
var elem = document.getElementById('elem'); var deg = 0; var timer = setInterval(animation,10); function animation() { elem.style.cssText = '-moz-transform: rotate('+deg+'deg);\ -ms-transform: rotate('+deg+'deg);\ -webkit-transform: rotate('+deg+'deg);\ -o-transform: rotate('+deg+'deg);\ transform: rotate('+deg+'deg);\ left:100px;top:100px;'; if(deg == 360) deg = 0; deg+=0.5; } |
Romaboy, а для Internet Explorer без поддержки transform?
|
Часовой пояс GMT +3, время: 15:22. |