Навигационное меню на Флэш

www.flasher.ru
NAG

Многие видели сайт Macromedia.com, на нём есть хорошая система навигции, сделанная на Флэш. Подобная система

навигации есть на моём сайте(http://nagst.w6.ru/)
javascript: add_img("1")
Site.gif. В этом уроке я научу вас, как создать такую-же.

Я не знаю на каком Флэше вы работаете. Програмнная начинка имеет структуру Флэш 4 (хотя я использовал Флэш7), для того

что-бы все браузеры отображали систему навигации.

Первое, что нам надо сделать - это сами кнопки, их визуальное представление.
Сначала создаём графический символ Up,в нём создаём прямоугольник и придаём ему вид, как на рисунке и заливаем
линеным градиентом. Насчёт формы, при редактировании придайте изгибам такую форму, чтобы один мог без или с
маленьким зазором войти в него.

Потом продублируйте символ Up, назовите копию Over и поменяйте тона голубого на тона зелёного. После этого продублируйте
javascript: add_img("2")
MainBut.gif
символ Over, назовите копию Down и отредактируйте её. В символе Down создайте новый слой, и скопируйте на него содержимое нижнего слоя. Затем закрасте содержимое нижнего слоя чёрным цветом и используя команду Modify-Shape-Soften Fill Edges...(смягчайте внутрь) смягчите края. Затем немного уменьшите содержимое верхнего слоя.

Заготовки готовы. Теперь пора создавать кнопки.

Создайте кнопку. Добавте к Кнопке один слой. На нижем разместите символы Up, Over, Down, а на все кадры верхнего, кроме

Hit текст кнопки. Кнопка готова. Таким же образом создаются другие кнопки.
javascript: add_img("2")
MainBut.gif

Кнопки при наложении не делжны иметь зазоров.

Код для кождой кнопки такой:

on (release) {
getURL("путь","место_где_откроется");
}

где путь-это относительный или абсолютный путь, а место_где_откроется - _top, _blank, _parent, _self.

Если вы публикуюте в версию 5 и выше, вместо

tellTarget("клип_который_надо_спрятать") {
_visible=false;
}

используйте

клип_который_надо_спрятать._visible=false;

как я уже отмечал готовая навигация находится на http://nagst.w6.ru/

Надеюсь, это вам поможет.

 


Страница сайта http://silicontaiga.ru
Оригинал находится по адресу http://silicontaiga.ru/home.asp?artId=5742