Главная » 2012 » Апрель » 1 » Кнопка убегает от курсора (Javascript)
01.04.2012, 13:56

Кнопка убегает от курсора



Сегодня, наверное уже многие видели, на нашем сайте такой скрипт. Использовать его вы можете, как прикол над пользователями. Кнопка будет убегать от курсора мыши и не давать нажать на себя.

Собственно, вот сам скрипт:
Code
<script type="text/javascript">
<!--
function getObj(objID)
{
  if (document.getElementById) {return document.getElementById(objID);}
  else if (document.all) {return document.all[objID];}
  else if (document.layers) {return document.layers[objID];}
}

cobj=getObj("button1");
var x1=0, y1=0;

function moveIt(){
  x=Math.floor(Math.random()*401);
  y=Math.floor(Math.random()*301);
  while (Math.abs(x1-x)<=70) {x=Math.floor(Math.random()*401);}
  while (Math.abs(y1-y)<=50) {y=Math.floor(Math.random()*301);}
  x1=x;
  y1=y;
  cobj.style.left = x+"px";
  cobj.style.top = y+"px";
}
//-->
</script>

А кнопку мы прописываем вот таким образом:
Code
<button id="button1" style="background-color:#f2f2f2; border-radius:5px;height:50px;width:150px;position:relative;z-index:10" onmousedown="moveIt()" onmouseover="moveIt()" onfocus="moveIt();this.blur()">Попробуй нажать</button>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 7825 | Добавил: antisept | Рейтинг: 5.0/1 |
Теги: кнопка, убегает, от, курсора
Всего комментариев: 3
0  
1 Silver   (01.04.2012 14:16) [Материал]
Аватар пользователя
ну это мега прикол biggrin

0  
2 Temon   (02.04.2012 14:24) [Материал]
Аватар пользователя
Как его поставить, подскажит, ато ещё натворю чего biggrin

+1  
3 antisept -Infoscript Team-  (03.04.2012 09:51) [Материал]
Аватар пользователя
Создаешь страницу и вставляешь туда эти 2 кода.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]