Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: плавное перемещение div по странице
 
 автор: Mootch   (08.01.2007 в 22:24)   письмо автору
 
 

Как организовать плавное перемещение объектов по странице?

   
 
 автор: Valick   (08.01.2007 в 22:31)   письмо автору
 
   для: Mootch   (08.01.2007 в 22:24)
 

Можно поподробнее каких именно объектов? Можно напимер слоями.

   
 
 автор: 12345   (09.01.2007 в 06:01)   письмо автору
 
   для: Valick   (08.01.2007 в 22:31)
 

Примерно как здесь :

   
 
 автор: Mootch   (09.01.2007 в 11:44)   письмо автору
 
   для: Valick   (08.01.2007 в 22:31)
 

Например переместить плавно блок div слева направо

   
 
 автор: coloboc66   (09.01.2007 в 11:59)   письмо автору
 
   для: Mootch   (09.01.2007 в 11:44)
 

Для этого довольно большой скрипт используется. Берите страницу, где наблюдаете такой эффект и вынимайте оттуда нужный скрипт.

   
 
 автор: RMW   (09.01.2007 в 12:49)   письмо автору
 
   для: Mootch   (09.01.2007 в 11:44)
 


<html>
<head>
<script>        
function f(o)  
{
  f.a=f.i=parseInt(o.style.left);
  f.o=o; 
  f.t=setInterval('with(f){o.style.left=i++;if(i>(a+100))clearInterval(t)}',5); 
}    
</script>
</head>    
<body>
<div style="position:relative; background-color:red; width:50px; height:50px; left:0px" onClick="f(this)">
</body>
</html>

   
 
 автор: 12345   (09.01.2007 в 13:01)   письмо автору
 
   для: RMW   (09.01.2007 в 12:49)
 

Этот в FF c доктайпом работать не будет - добавьте

o.style.left=(i++)+'px';
Скрипт, действительно, большой получился.

h=function(){t.style.left=parseInt(t.style.left)+1+'px'
if(--i>0)setTimeout(h,10);}
...
onClick="h(i=100,t=this)"

   
 
 автор: Mootch   (09.01.2007 в 14:15)   письмо автору
 
   для: Mootch   (08.01.2007 в 22:24)
 

спасибо

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования