Новости Скрипты Онлайн сервисы Хитрости Гостевая книга Статистика сайта Реклама на сайте
UsefulScript.ruСкриптыГрафикаДрожащее изображение
15
46

Скрипт дрожащего изображения

Предлагаем Вашему вниманию JavaScript код, заставляющий изображение дрожать при наведении на него курсора мышки.


Другими словами изображение дрожит (трясется) только тогда, когда над ним находится курсор мышки. Если курсор мышки отвести в сторону, то изображение перестанет дрожать (трястись).


Внимание! Данный пример не работает в некоторых браузерах (например, Opera) в том случае, если в начале файла со скриптом указано следующее:

Цитата:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
или
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>

Для того чтобы наглядно увидеть работу описанного скрипта, перейдите по следующей ссылке - Пример работы скрипта дрожащего изображения.


Для того, чтобы получить эффект дрожащего изображения как в приведенном примере, поместите JavaScript код, приведенный ниже, в начало Вашей странички:

JavaScript код:
<script type="text/javascript">
var 
range=2
var stop_it=0
var a=1

function init(given){
stop_it=0
shak_img
=given
shak_img
.style.left=0
shak_img
.style.top=0
}

function 
shaking_image(){
if ((!
document.all&&!document.getElementById)||stop_it==1)
return
if (
a==1){shak_img.style.top=parseInt(shak_img.style.top)+range}
else if (
a==2){shak_img.style.left=parseInt(shak_img.style.left)+range}
else if (
a==3){shak_img.style.top=parseInt(shak_img.style.top)-range}
else{
shak_img.style.left=parseInt(shak_img.style.left)-range}
if (
a<4a++
else 
a=1
setTimeout
("shaking_image()",40)
}

function 
stop_shaking(given){
stop_it=1
given
.style.left=0
given
.style.top=0
}
</script>

Изображения, которые будет трястись при наведении мышки, необходимо описывать следующим образом:

HTML код:
<img src="image/img_1.png" style="position:relative;"
onMouseover="init(this);shaking_image()" onMouseout="stop_shaking(this)">

В результате у Вас должен получиться точно такой же эффект трясущегося (дрожащего) изображения как и в Примере работы скрипта дрожащего изображения.


Winlinebet. Букмекерская контора сделать ставку. Он лайн букмекерская контора.

Дата создания: 23:55:03 01.01.2012 г.
Дата обновления: 22:36:47 08.03.2012 г.
Посещений темы: 4430 раз(а).

Закрыть
Ваше имя:
593 + 14 =
Добавить комментарий к теме:
Ваше имя:
593 + 14 =

Перед публикацией все комментарии проходят обязательную модерацию!

Если Вы хотите задать какой-либо вопрос, то лучше сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.

Какие темы необходимо добавлять на сайт?


Mail.ru LiveInternet