Помощь в создании сайта: анимированные кнопки Опции

[MonK]

При создании сайта Кодер-дизайнер нередко стоит перед выбором кнопок для своего сайта. Естественно у такой проблемы есть несколько решений - Можно делать просто текстовые ссылки, можно - небольшие статические картинки... Но ведь, согласитесь, значительно красивее будет выглядеть кнопка, при наведении указателя мыши на которую будет происходить смена картинки на "нажатую". А вот как это можно сделать:
1. ВАРИАНТ ПЕРВЫЙ... (из 2-х статических рисунков)
здесь я приведу уже готовую строчку кода, которая, если вставить ее в "Блокнот" и сохранить как ХТМЛ-файл, будет сразу работать... (разумеется, нужны соответствующие рисунки для самой кнопки).
Итак, вот код:
<pre><A HREF="адрес странички, на которую ведет кнопка">*img id="myimage1" src="kartinka1.jpg" border=0 onMouseOver="document.all('myimage1').src='kartinka2.jpg'" onMouseOut="document.all('myimage1').src='kartinka1.jpg'"></A></pre>
Разумеется, нужно учитывать, что для каждой новой кнопки на этой странице, номер после myimage должен быть своим, например, для второй кнопки он будет выглядеть, как myimage2.

2. ВАРИАНТ ВТОРОЙ... (из анимированного gif-file).
Этот вариант чуть сложнее, и используется реже - лично я видел его в сети, только на сайте компании Blizzard. Он основан на том, что в кнопку грузится анимированный gif-файл, но пока мышь не на кнопке, а где-то вдалеке то gif остановлен и показывается только первый слайд из его анимации. Но при наведении на него мышкой происходит старт анимации:
<pre>*IMG DYNSRC="гиф_или_видеофайл" START=MOUSEOVER LOOP=Число_воспроизведений></pre>
Например:
<pre>*IMG DYNSRC="proverka.avi" START=MOUSEOVER LOOP=2></pre>
-=-=-=-
Товарищи - в коде специально допущена ошибка
на месте открывающего тега стоит * - в противном случае форум преобразует мой код в готовый хтмл.
Так что не забудьте заменить * на <

[NeO]

форум преобразует мой код в готовый хтмл

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

[MonK]

Отлично, спасибо за совет!
Ты облегчил мне и юзерам жизнь!

[Гость_ed_*]

насчет анимированых кнопок, для начинающих вэб дизайнеров:
Dreamwever 4 и выше намного облегчит создание вэб страниц, и в том числе анимированных кнопок (Во Флэше), которые кстати весят меньше jpg иногда и gif, а выглядят намного прикольней и стильнее, мне сомому Dreamwever 4 наравится, да и скачать его реально и кряков валом...

Посмотрите тут кнопочни на флэше сделаны www.feb-club.narod.ru в Dreamwever 4 за 20 минут .... 8)

[Гость_Ajaks_*]

Ещё в Dreamweaver есть такая фишка "как вставить изображение прокрутки"
Там всё просто, рисуешь две кнопки, а затем указываешь какая из них начальная, а какая изображение прокрутки, потом указываешь ссылку и всё. Эффект:
Анимированная кнопка срабатывающая при наведении
NeO

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

А как это можно короче написать, кто-то в этом как раз нуждается, а кому ненужно, тот и читать не будет.

[MonK]

Оффтопом:
Ajaks, respect

[Гость_Ajaks_*]

MonK
Взаимно
P.S. I am sorry за флуд