Главная » Статьи » Скрипты » Разное
При наведении курсора на картинку она начинает трястись










При наведении мышки на картинку или текст,картинка-текст «шевелится», можно применить это к аватару)) пример

Установка:

1) Ставим этот код в Страницы сайта между < head>...< /head> или по человечески идем в админку и вставляем в стили сайта следующее

Code
<style> .myimage{ position:relative } </style>
2)Если хотите,чтоб шевелилась картинка ставите этот код и в коде поменяйте "ССЫЛКА НА ВАШУ КАРТИНКУ" на ссылку на картинку,которая будет шевелиться
Code
<script language="JavaScript1.2">  
var rector=2  
var stopit=0  
var a=1  
function init(which){  
stopit=0//osw  
shake=which  
shake.style.left=2  
shake.style.top=2  
}  

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)-rec tor  
}  
i f (a<4)  
a++  
else  
a=1  
setTimeout("rattleimage()",65)  
}  

function stoprattle(which){  
stopit=1  
which.style.left=0  
which.style.top=0  
}  
</script>  

<img src="ССЫЛКА НА ВАШУ КАРТИНКУ" class="myimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" border=0>
3) Если хотите,чтоб шевелился текст ставите этот код и в коде поменяйте "ТУТ ВАШ ТЕКСТ" на текст,который будет шевелиться
Code
<script language="JavaScript1.2">  
var rector=2  
var stopit=0  
var a=1  
function init(which){  
stopit=0//osw  
shake=which  
shake.style.left=2  
shake.style.top=2  
}  

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)-rec tor  
}  
i f (a<4)  
a++  
else  
a=1  
setTimeout("rattleimage()",65)  
}  

function stoprattle(which){  
stopit=1  
which.style.left=0  
which.style.top=0  
}  
</script>  

<img src="" alt="ТУТ ВАШ ТЕКСТ" class="myimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" border=0>
Категория: Разное | Добавил: Admin (29.08.2010) | Автор: /imobile.ucoz.com
Просмотров: 549 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]