home > tutoriale > diverse > meniu-in-flash-cu-slider.php
Tutorial meniu in flash cu slider

Meniu in Flash cu slider

03 Februarie de Budica Eugen

In acest tutorial o sa facem un meniu cu o mica bara ( slider ) care v-a merge dupa mouse.

tutoriale flash
Autor :   Budica Eugen

Butoanele si slider-ul

Intr-un nou document Flash v-om crea 2 layers pe care le numim butoane si slider.

tutorial flash : layers

Dupa care selectam layer-ul butoane si facem 1 buton folosind unelta Rectangle,
Odata ce avem butonul facut , il selectam si mergem la Modify - Convert to symbol( F8 ) si alegem tipul buton si il numim btn1.

tutorial flash cum sa faci un simbol

Acum dam click pe buton si ii scriem numele instantei btn1, dupa care tinand apasata tasta ALT duplicam butonul de cate ori vrem noi . Eu l-am duplicat de 4 ori , avand un total de 5 butoane .
La cele 4 noi butoane le schimbam numele de instanta btn2 , btn3, btn4 si btn5.
Selectam layer-ul slider si facem un dreptunghi . Avand acest dreptunghi selectat apasam F8 si il convertim intr-un Movie Clip cu numele slider si ii trecem ca nume de instanta slider.

ActionScript

Avand inca dreptunghiul ( slider-ul ) selectat, mergem la Window - Actions ( F9 ) si scriem urmatorul cod :

//acest event incepe in momentul in care instanta slider s-a incarcat
onClipEvent (load){
	//mutaX este variabila care contine coordonatele mouse-ului
    mutaX = _x;
	//variabila viteza , determina viteza de deplasare a slider-ului
    viteza = 10;
}
onClipEvent (enterFrame) {
    //pozitia instantei slider
    _x += (mutaX-_x)/viteza;
}
// ecuatia anterioara este la fel cu :  ---> _x = _x + ((mutaX-_x)/viteza)

Acum selectam primul buton si scriem urmatorul script:

on (rollOver) {
    //muta slider-ul la pozitia primului buton
    slider.mutaX = btn1._x;
} 

Pentru butonul 2

on (rollOver) {
    //muta slider-ul la pozitia buton2
    slider.mutaX = btn2._x;
} 

Si tot asa pentru toate butoanele , tot ce trebuie sa schimbati este numarul butonului "btn" din slider.mutaX = btn2._x;

Vedeti ca nu este chiar asa greu ? Cu un pic de imaginatie puteti forma impresionante meniuri cu ajutorul acestui tutorial.Sper sa va placa.



Da si tu un like
  


Daca ti-a fost folositor acest tutorial/articol, poti copia urmatorul cod pe pagina ta

Tutoriale din Categoria Diverse

  Cum sa faci o pagina ca homepage/index   -   Cum sa instalezi forum-ul PHPBB   -   Controleaza accesul la foldere cu .htaccess   -   Cum sa schimbi culoarea linkurilor in Dreamweaver   -   Cum sa definesti un nou site in Dreamweaver   -

Tutoriale aleatorii

  Cum sa creezi litere capitale/majuscule cu CSS   -   Centrarea paginii cu CSS   -   Cum sa inserezi un sunet/melodie intr-o pagina   -   Trimiterea datelor din formular la adresa de e-mail   -   Validarea unui formular   -   Tutorial Jquery pentru incepatori   -   Afisarea datei cu Javascript   -
Spune-le prietenilor tai despre acest tutorial/articol
Nume:
Email:
Email-ul prietenului tau:
Mesajul:

Comenturi

4 comenturi pana acum... (posteaza si tu)

:)) merci de tutorial , are dreptate Dinu , puteai sa faci si tu meniul mai placut la vedere , ca doar ii flash :)

Postat de adi pe data de: Wednesday, 06.29.11 @ 03:38am

bun tutorial, dar puteai sa te chinui si tu sa il faci un pic mai placut la vedere :) no offence ...

Postat de Dinu pe data de: Friday, 04.8.11 @ 20:57pm

Multumesc mult Eugen . Acum pot in sfarsit sa fac si eu un meniu in Flash.

Postat de Adriana pe data de: Monday, 02.21.11 @ 19:59pm

Simplu si usor de realizat.GG

Postat de Fane pe data de: Monday, 02.14.11 @ 07:30am

Comentarii:

Nume:

Email:

Comentariu:


 

*Intrebare de verificare : Raspunde la intrebarea din imaginea de mai jos ...

 
HINT : Raspunsul este din 6 litere, incepe cu r si se termina cu s


 


Important:
E-mailul nu va fi vizibil si NU va fi folosit de catre rotuts.com .
Nu sunt permise linkuri catre alte pagini.
Va rugam , comentariile sa ramana strict relationate cu topicul.
Comentariile considerate ofensive sau care nu au nici o legatura cu topicul vor fi sterse(trolling).

Folosirea codului HTML nu este permisa.
Puteti folosi BBcode pentru a va formata textul.