Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako si vyrobiť posuvné obsah v jQuery

Veľa webových stránok dnes používajú programovací jazyk s názvom jQuery prezentovať obsah v dynamických a presvedčivé spôsoby a zároveň poskytuje jedinečné užívateľské skúsenosti Web . Posuvné oblasti obsahu môže byť vykonaná s jazykom jQuery . Tento tutoriál vás prevedie potrebné kroky na vytvorenie horizontálne a vertikálne posuvné oblasti obsahu . Pokyny dovolená 1

Vytvorte div identifikátory pre každú oblasť obsahu . Nasledujúci príklad kódu ukazuje , ako vytvoriť div a triedy položiek , ktoré budú neskôr odkazuje v kóde :


< div id = " maska ​​>

< div id = " example1 " class = " example1 "

< name = " example1 " < /a >

< div class = " obsah " > example1

< a href = " # example1 " class = " panel " < 1 > < /a >

< a href = " # Príklad 2 " class = " panel " < 2 > < /a >

< /div >

< /div >
2

Použitie CSS definovať tak , že obsah plochy bude správať , keď to kĺže a odkazy na triedy , ktoré ste vytvorili Napríklad :

body {

Výška : . 100 % ;

Šírka : 95 % ;

margin : 0 ; padding : 0 ;

}

# wrapper {

Šírka : 500 % ;

výška : 100 % ;

background- color : # eee ;

}

. položka {

Šírka : 400px ;

výška : 300px ;

top : 20 % ;

margin : 0 auto ;

pozadia - color : # aaa ;

position : relative ;

}

zmeniť premenné v každom elementu nad a pridať alebo odobrať ďalšie CSS prvky sú nevyhnutné
< . br > Sims 3

Napíšte javascript založené funkcie jQuery , ktoré budú používať svoje triedy prezentovať obsah , ako je definované v súbore CSS Nasledujúci príklad s komentármi ukazuje , ako možno manipulovať triedy a obsahu plochy : .

$ ( document ) . ready ( function ( ) {

//získať všetky odkazy v triede paneli

$ ( ' a.panel " ) . kliknite na tlačidlo ( function ( ) {

//reset tlačidlo , ktoré ste zvýraznené a vybrané aktuálnu položku , ktorú chcete zmeniť veľkosť

prúd = $ ( this ) ;

} ;

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené