Flash WebSite Menu
Публикувана от smilev на January 17 2011 13:44:23
Разширена новина
1. Започнете нов документ във Adobe Flash CS3, на Action Script 2.0
2. Наименувайте Layer 1 с името Buttons и създайте още два layers с имената Slider и Actions.
[img]http://www.uroci.net/images/stories/stalik/flash/easy_flash_menu/pic1.jpg[/img]
3. След това отиде на Buttons Layer. Там направете 4 изображения на бутони по ваш избор или използвайте тези който аз сам ползвал, ето го просто дайте Save Picture As... и го импортирайте във Flash.
[img]http://www.uroci.net/images/stories/stalik/flash/easy_flash_menu/pic4.jpg[/img]
4. След вмъкването на тази графика просто я копирайте и я поставете четири пъти. След като вече ги имате на сцената, кликнете върху първото бутонче и натиснете F8. Там ще ви се появи следното:
[img]http://www.uroci.net/images/stories/stalik/flash/easy_flash_menu/pic2.jpg[/img]
5. Сега маркирайте всеки един бутон един по един. Значи започваме със първия. Маркирате го и му слагате Instance Name = button_1.После маркирате втория бутон и му слагате Instance Name = button_2. После маркирате третия бутон и му слагате Instance Name = button_3. После маркирате четвъртия бутон и му слагате Instance Name = button_4.
[img]http://i191.photobucket.com/albums/z218/stargatesga/pic3.jpg[/img]
6. Сега отиваме във Slider Layer. Там рисуваме или импортираме графика на предмета който ще се слайдва. Например аз използвах правоъгълник със стрелкичка отгоре. Ето го:
[img]http://i191.photobucket.com/albums/z218/stargatesga/pic5.jpg[/img]
7. Направете тази графика Movie Clip като натиснете F8 и му дайте име (името се въвежда след като се натисне F8 горе пише Name: там напишете името), което да е slider_mc. След което му добавете и Instance Name = slider. След процедурата като изберете клипа трябва да изглежда така:
[img]http://i191.photobucket.com/albums/z218/stargatesga/pic2.jpg[/img]
8. Сега изберете вашия movie clip и натиснете F9 за да отворите Action Script панела там напишете следния код: (а и запомнете да изберете клипа, а не на самия фрейм)
onClipEvent (load) {
xMove = _x;
easeSpeed = 5;
}
onClipEvent (enterFrame) {
_x += (xMove-_x)/easeSpeed;
}
9. Сега отиваме на Actions слоя и селектираме Frame 1, след което натискаме F9 и вътре пишем този код:
easeSpeed = 5;
//slider_mc is your Movie Clip's name, not the Instance Name.
slider_mc.onEnterFrame = function() {
this._x += (xMove1-this._x)/easeSpeed;
};
button_1.onPress = function() {
xMove = button_1._x;
};
button_2.onPress = function() {
xMove = button_2._x;
};
button_3.onPress = function() {
xMove = button_3._x;
};
button_4.onPress = function() {
xMove = button_4._x;
};
10. Сега се връщаме отново на бутоните. Изберете първия бутон и натиснете F9 добавете вътре този код:
on (rollOver) {
// slider - Movie Clip's Instance Name. button_1 - Button's Instance Name.
slider.xMove = button_1._x;
}
Изберете втория бутон и натиснете F9, вътре поставете този код:
on (rollOver) {
// slider - Movie Clip's Instance Name. button_1 - Button's Instance Name.
slider.xMove = button_2._x;
}
Изберете третия бутон и натиснете F9, вътре поставете този код:
on (rollOver) {
// slider - Movie Clip's Instance Name. button_1 - Button's Instance Name.
slider.xMove = button_3._x;
}
Изберете четвъртия бутон и натиснете F9, вътре поставете този код:
on (rollOver) {
// slider - Movie Clip's Instance Name. button_1 - Button's Instance Name.
slider.xMove = button_4._x;
}
Свали Работните Файлове и крайния резултат от [url=http://uroci.net/downloads/Sliding_Menu.rar]тук[/url]