Вернуться   Дизайнерский форум » ДИЗАЙН И ГРАФИКА » Технологии Flash

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

Обсуждение темы Как реализовать вибрацию ссылки? в разделе Технологии Flash, часть категории ДИЗАЙН И ГРАФИКА; Подскажите как реализовать эффект дрожания ссылки меню, при наведении на нее курсором....


Закрытая тема
 
Опции темы
Старый 08.11.2010, 23:36   #1
Подскажите как реализовать эффект дрожания ссылки меню, при наведении на нее курсором.
 
Старый 08.11.2010, 23:36
Ссылки
Старый 09.11.2010, 12:26   #2
Например так:
Код 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

Последний раз редактировалось Макс-Текс; 09.11.2010 в 12:26.. Причина: Добавлено сообщение
 
Старый 09.11.2010, 14:08   #3
Спасибо, статью 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" />
 
Этот пользователь сказал спасибо Макс-Текс за это полезное сообщение:
Tsukihiko (09.11.2010)
Старый 28.11.2010, 18:25   #5
А этот же эффект на FLASH как реализовать?
 
Старый 29.11.2010, 14:07   #6
На флэш: делаете стандартную ссылку, конвертируете в мувиклип. Затем оборачиваете его еще в один мувиклип. Внутри него делаете 5-6 кейфреймов и в каждом немного сдвигаете внутренний мувиклип с ссылкой от начального положения в разные стороны (по 1-3 пикселя).
Теперь пишем код на внешнем мувиклипе, чтобы при наведении он проигрывался, а при отведении останавливался.
Весь фокус
 
Этот пользователь сказал спасибо Akel за это полезное сообщение:
Tsukihiko (16.07.2011)
Старый 29.11.2010, 14:07
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
На чем можно реализовать? 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


Текущее время: 05:14. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум