|
Скрипт анимации
|
|
| Raiderr |
| Группа: Проверенные Пользователь №: 673 Сообщений: 349 Получено оценок: 26
| Мне нужно скрипт анимации выезжания на чистом javascript. Что-то типо как тут менюшка сверху.
| | |
|
| Infamous |
| Группа: Проверенные Пользователь №: 316 Сообщений: 158 Получено оценок: 21
| Code <html> <head> <title> SlidePanel </title> </head> <body> <div id="x" style="width: 100%; height: 300px; border-bottom: 5px dashed #eee; background: #555; position: absolute; margin-top: -300px;"> <span style="color: white; font-weight: bold;"> Slide Panel by $USERNAME$ <br /> Кстати, на чистом JS, без jQuery <img rel="usm" src="http://studioad.ru/smiles/smile.gif" border="0" align="absmiddle" alt=":)"> <br /> Хотя кого это волнует. </span> </div> <script type="text/javascript"> function slide(obj, direction, a) { clearInterval(window.z); counter = 0; z = setInterval(function () { if (a ? parseInt(obj.style.marginTop) < 0 : parseInt(obj.style.marginTop) > -300) { obj.style.marginTop = parseInt(obj.style.marginTop) + direction; counter++; } else { clearInterval(z); } }, 10); } var pad = document.getElementById('x'); pad.onmouseover = function () { slide(this, 3, true); } pad.onmouseout = function () { slide(this, -3, false); } </script> </body> </html> Вот у меня тут код завалялся. | | |
|
| Raiderr |
| Группа: Проверенные Пользователь №: 673 Сообщений: 349 Получено оценок: 26
| Quote (Infamous) Вот у меня тут код завалялся.
Работает только в опере 
| | |
|
| Infamous |
| Группа: Проверенные Пользователь №: 316 Сообщений: 158 Получено оценок: 21
| Везде работает, я проверял. | | |
|
| Aleko |
|  Watching you Группа: Администраторы Пользователь №: 2 Сообщений: 1621 Получено оценок: 167
| Вот можете мою сборочку взять. http://webcodes.ru/publ/1-1-0-3293
| | |
|
| Raiderr |
| Группа: Проверенные Пользователь №: 673 Сообщений: 349 Получено оценок: 26
|
вот по твоей сборке, что здесь не так?
Code <div style="width:200px;height:200px;background:#000" onClick="core.real(this,'margin-top:50px')"></div> и можешь написать самый простой пример анимации по твоей сборке?
| | |
|
| Aleko |
| Watching you Группа: Администраторы Пользователь №: 2 Сообщений: 1621 Получено оценок: 167
| Raiderr, скрипт прочитай нормально. Code core.animate(object,{property:value[,property:value]},time[,callback])
| | |
|
| Raiderr |
| Группа: Проверенные Пользователь №: 673 Сообщений: 349 Получено оценок: 26
| Quote (Aleko) скрипт прочитай нормально.
а пример этого всего?
| | |
|
| UnderShot |
| Группа: Модераторы Пользователь №: 45 Сообщений: 923 Получено оценок: 85
| Raiderr, Code core.animate(document.getElementById("x"),{marginLeft:300},600,function(){alert(true)})
| | |
|
