Как реализовать вибрацию ссылки?

Tsukihiko · 08.11.2010, 23:36

Подскажите как реализовать эффект дрожания ссылки меню, при наведении на нее курсором.

Макс-Текс · 09.11.2010, 12:26

Например так:

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<script type="text/javascript">
var rector=2; //амплитуда колебания
var stopit=0;
var a=1;
function init(which)
{
stopit=0;
shake=which;
shake.style.left=0;
shake.style.top=0;
setTimeout("rattleimage()",30);
}
function rattleimage()
{
if ((!document.all&&!document.getElementById)||stopit==1)
{
return;
}
if (a==1){ shake.style.top=parseInt(shake.style.top)+rector+"px"}
else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector+"px"}
else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector+"px"}
else{ shake.style.left=parseInt(shake.style.left)-rector+"px"}
if (a<4) { a++; }
else { a=1; }
setTimeout("rattleimage()",30);
}
function stoprattle(which)
{
stopit=1;
which.style.left=0;
which.style.top=0;
}
</script>

<style type="text/css">
.shakeimage { position: relative }
</style>

</head>
<body>

<a class="shakeimage" href="" onMouseover="init(this)" onMouseout="stoprattle(this)">дрожайшая ссылка</a>

</body>
</html>

Добавлено через 5 минут

Сорри. Раздел перепутал.
Думал, что нужно реализовать на JS.

Добавлено через 2 минуты

А на FLASH вот статья:
http://progsworld.ucoz.ru/news/flash/2010-02-22-17

Tsukihiko · 09.11.2010, 14:08

Спасибо, статью http://progsworld.ucoz.ru/news/flash/2010-02-22-17 находил, но что-то не получается, ошибки при компили... А вот за js спасибо, таким же методом можно и на графику сделать?

Макс-Текс · 09.11.2010, 14:38

Да. Таким образом сделать ссылку:

Код HTML:

<img class="shakeimage" onMouseover="init(this)" onMouseout="stoprattle(this)" src="example.png" />

Tsukihiko · 28.11.2010, 18:25

А этот же эффект на FLASH как реализовать?

Akel · 29.11.2010, 14:07

На флэш: делаете стандартную ссылку, конвертируете в мувиклип. Затем оборачиваете его еще в один мувиклип. Внутри него делаете 5-6 кейфреймов и в каждом немного сдвигаете внутренний мувиклип с ссылкой от начального положения в разные стороны (по 1-3 пикселя).
Теперь пишем код на внешнем мувиклипе, чтобы при наведении он проигрывался, а при отведении останавливался.
Весь фокус

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
На чем можно реализовать?	vladendark	HTML, CSS, JavaScript	5	18.01.2012 15:27
Как реализовать	slax	HTML, CSS, JavaScript	1	23.02.2011 11:15
как сие реализовать :)	vitaly-go	HTML, CSS, JavaScript	14	24.02.2010 14:37
cсылки - как реализовать	latro	HTML, CSS, JavaScript	15	11.01.2005 13:44
как реализовать ???	fogr	HTML, CSS, JavaScript	13	29.11.2004 16:19

08.11.2010, 23:36	#1
Tsukihiko	Подскажите как реализовать эффект дрожания ссылки меню, при наведении на нее курсором.

09.11.2010, 14:08	#3
Tsukihiko	Спасибо, статью http://progsworld.ucoz.ru/news/flash/2010-02-22-17 находил, но что-то не получается, ошибки при компили... А вот за js спасибо, таким же методом можно и на графику сделать?

09.11.2010, 14:38	#4
Макс-Текс	Да. Таким образом сделать ссылку: Код HTML: <img class="shakeimage" onMouseover="init(this)" onMouseout="stoprattle(this)" src="example.png" />

28.11.2010, 18:25	#5
Tsukihiko	А этот же эффект на FLASH как реализовать?

29.11.2010, 14:07	#6
Akel	На флэш: делаете стандартную ссылку, конвертируете в мувиклип. Затем оборачиваете его еще в один мувиклип. Внутри него делаете 5-6 кейфреймов и в каждом немного сдвигаете внутренний мувиклип с ссылкой от начального положения в разные стороны (по 1-3 пикселя). Теперь пишем код на внешнем мувиклипе, чтобы при наведении он проигрывался, а при отведении останавливался. Весь фокус