Главная » 2011 » Май » 31 » Дрожащий рисунок (Javascript)
31.05.2011, 03:55

Дрожащий рисунок



При новедении мыши на изображение,картинка дрожит.
Там где Здесь изображение,туда вставляем ссылку на изображение.

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>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 2834 | Добавил: Sini26 | Рейтинг: 3.0/1 |
Теги: Дрожащий, фото, рисунок, картинка
Всего комментариев: 9
-2  
1 Voker -Infoscript Team-  (31.05.2011 15:44) [Материал]
Аватар пользователя
Фото где?

0  
5 Sini26   (31.05.2011 21:04) [Материал]
Аватар пользователя
интересно как я тебе на скрине покажу как изображение дрожит biggrin

0  
2 FoxSter   (31.05.2011 15:50) [Материал]
Аватар пользователя
ну в каком то смысле... КАК сделать фото изображения, которое дрожит?? biggrin

0  
3 Sini26   (31.05.2011 19:07) [Материал]
Аватар пользователя
В конце скрипта найдите строки:

<body bgcolor="#cccccc" text="000000">
Подведите к рисунку указатель мыши к рисунку.
<img src="Здесь Изображение" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)" alt="Здесь изобржение">
</body>
</html>

И там где написано "Здесь изображение", встовляеете туда свою картинку...
предположем эту : http://infoscript.ru/avatar/60/371115.jpeg

+1  
4 HOST   (31.05.2011 20:51) [Материал]
Аватар пользователя
Voker f чего не понятного, наводишь на любую картинку, и она дрожит... тут и без скрина обойтись можно

+1  
6 Сай_22 -Infoscript Team-  (31.05.2011 23:05) [Материал]
Аватар пользователя
Дрожит..наводишь..от страха О_О

0  
7 Sini26   (01.06.2011 03:55) [Материал]
Аватар пользователя
ахахаха biggrin ну это обязательно!

0  
8 Voker -Infoscript Team-  (01.06.2011 21:11) [Материал]
Аватар пользователя
Да я понял что она делает просто правила есть можно было анимашку сделать!

0  
9 sparta-saratov   (20.07.2011 02:53) [Материал]
Аватар пользователя
не работает(

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