compatibilitate cross-browser-ul de verificare script pe, a arătat că funcționează perfect pe toate versiunile noi, există dificultăți în Internet Explorer 9 versiunile anterioare, dar nimic surprinzător aici nu este prezent, este tipic pentru browsere mai vechi.
Sper că ați folosit altele noi de mult timp.
Prima parte. Conectarea stilurilor și a fișierelor JS.
Să conectăm în primul rând toate stilurile necesare la standard și să adăugăm fișiere JS. care sunt necesare pentru acest script. Mai intai conectam fisierul de stil demo.css.
Apoi conectați jquery-latest.min.js și menu.js fișierul bibliotecă, care va fi responsabil pentru efectuarea decupării și articulațiile pe meniu, precum și poziția corectă înălțimea inițială specificată.
Aici totul este simplu, afișăm meniul standard prin ul li și facem shell-ul un element div div. care va avea meniul de identificare. interacționând, pe deplin cu stilurile și fișierul menu.js.
Să trecem la stilurile meniului fix și să prescrieți principalele proprietăți care trebuie să fie obligatorii! Mai întâi, scriem pentru meniul de identificare. fundal, poziție și lățime. În al doilea rând, toate acestea sunt aliniate în centru și setează înălțimea.
Proprietățile individuale atunci când se deplasează, cadre și chestii sunt deja pentru frumusețe și sunt considerate opționale.
Acum avem cele mai interesante. Vom inregistra meniul nostru, la acel nivel, de unde avem nevoie de el. Să scriem o variabilă menu_height, în care vom stoca înălțimea antetului site-ului nostru. Acest lucru va permite atunci când derulați pagina, corectați corect meniul la distanța dorită de la antetul site-ului. În elementul variabil, stocăm proprietățile meniului de identificare și setăm proprietatea de sus. indicând că meniul va fi în partea superioară și comparând cu variabila menu_top. calculați distanța dorită de la capac până la meniu.
Pe asta vă spun la revedere, până la următorul material. Toate cele bune pentru tine! Să aveți un weekend de succes!)
Articole similare
Trimiteți-le prietenilor: