Vreau să vă prezint prima versiune a plug-in-ului meu pentru meniul derulant. În prezent, această versiune vă permite să adăugați efecte de alunecare și decolorare, individual sau împreună, pentru o listă derulantă de navigație orizontală. Pluginul este proiectat pentru navigare pe două niveluri - o listă vizibilă și imbricată.
În viitor, vreau să o modific pe o versiune mai universală, cu capacitatea de a afișa navigarea pe mai multe niveluri, atât verticală cât și orizontală. Dar pentru moment vă voi arăta oportunitățile care pot fi observate acum.
Să examinăm mai atent structura codului HTML și CSS pentru un exemplu. Voi omite elementele care nu sunt importante pentru meniul derulant și sunt responsabile pentru tipul de navigație și evidențiau doar cele necesare pentru plug-in.
Pentru lista drop-down avem nevoie de un părinte pentru a manipula înălțimea obiectului, acest lucru este necesar pentru efectul de diapozitive, cu un efect de decolorare care nu poate fi introdus.
Acum, mai detaliat despre plugin:
Mai multe detalii despre parametrii:
Parametrii afișați sunt setările implicite.
- durata - timpul de animație în milisecunde (300 = 0,3 sec)
- hoverElement - elementul pe care va fi pus clasa "hover".
- hoverClass - numele clasei pentru elementul de sub hover
- dropHolder - selectorul elementelor părinte pentru lista imbricată
- showEffect - efectul căderii din lista imbricată (slide, fade, slidefade)
Să luăm în considerare câteva exemple:
efectul slidefade
efectul de estompare
Articole similare
Trimiteți-le prietenilor: