Приветствую Вас, Гость | RSS
Пятница, 18.07.2025, 15:02
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Дрожащий рисунок
vladaneДата: Четверг, 14.07.2011, 18:32 | Сообщение # 1
Сержант
Группа: Пользователи
Сообщений: 22
Награды: 1
Репутация: 260
Статус: Не на сайте.
При новедении мыши на изображение,картинка дрожит.
Там где Здесь изображение,туда вставляем ссылку на изображение.

Code
<html>  
  <head>  
  <title>Дрожащий рисунок</title>  
  <style>  
  .shakeimage{  
  position:relative  
  }  
  </style>  
  <script language="JavaScript1.2">  
  var rector=3  
  var stopit=0    
  var a=1  

  function init(which){  
  stopit=0  
  shake=which  
  shake.style.left=0  
  shake.style.top=0  
  }  

  function rattleimage(){  
  if ((!document.all&&!document.getElementById)||stopit==1)  
  return  
  if (a==1){  
  shake.style.top=parseInt(shake.style.top)+rector  
  }  
  else if (a==2){  
  shake.style.left=parseInt(shake.style.left)+rector  
  }  
  else if (a==3){  
  shake.style.top=parseInt(shake.style.top)-rector  
  }  
  else{  
  shake.style.left=parseInt(shake.style.left)-rector  
  }  
  if (a<4)  
  a++  
  else  
  a=1  
  setTimeout("rattleimage()",50)  
  }  
  function stoprattle(which){  
  stopit=1  
  which.style.left=0  
  which.style.top=0  
  }  
  </script>  
  </head>  
  <body bgcolor="#cccccc" text="000000">  
  Подведите к рисунку указатель мыши к рисунку.  
  <img src="Здесь Изображение" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)" alt="Здесь изобржение">  
  </body>  
  </html>


Hello_0
 
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2025 | Хостинг от uCoz