Locație：pagina principala > Codul efectelor speciale JS > Carusel și comutator

Imitați codul HTML al unui șablon de pagină de pornire pentru site-ul web de plată

2020-06-25 35număr de vizionări

Defilare pe o singură pagină | Alipay | salt de pagină | defilare lină | comutarea paginii

Comentariile de cod sunt clare, scrise în principal în CSS3, cod HTML5, doar pentru referință de învățare.

Previzualizare online Descărcare gratuită

Ați putea dori,de asemenea

plugin swiper pentru diagrame simple carusel
swiper este un plug-in simplu pentru carusel care poate personaliza parametri precum lățimea și înălțimea caruselului și viteza de comutare.
css3 card stack efect de animație de comutare
Efecte speciale de animație de comutare în cascadă de card css3, similar cu efectul introdus de Taobao VIP Center.
jQuery CSS3 grilă și comutator de aspect al listei
jQuery și CSS3 grila și aspectul listei de comutare efecte de animație. Acest efect special realizează efectul de animație de comutare de la aspectul grilei la aspectul listei, iar efectul este foarte cool.
JQuery Efecte de comutare pe ecran complet cu carusel
jquery carusel cu ecran complet cu comutare de efecte speciale, cod plug-in carusel cu efect de paralaxă.
plugin de comutare a hărții de focalizare publicitară jQuery
O implementare jQuery a plug-in-ului de comutare a publicității pe hartă de focalizare pe site, cu puncte și săgeți stânga și dreapta două metode de comutare a imaginii.
Plugin de comutare pentru carusel pentru bannere
Plug-in de comutare a imaginii caruselului banner, bazat pe efectul caruselului imaginii realizat de jquery.
jquery faceți clic pe ambele părți ale pluginului carusel imagine
Jquery faceți clic pe plug-inul carusel de imagine pe ambele părți, fără săgeți sau puncte, stiluri de imagine stivuite.
Comutator carusel pentru imagine FlexSlider plugin jQuery
Flexslider este un plug-in puternic de rotație a imaginii. Descrierea parametrilor Animație: "slide", / / String: ["fade" "slide"], efect de animație: "swing", / / String: direcția funcției de sincronizare a animației de rulare: "orizontală", / / String: direcția de rulare [" orizontală "" verticală "] invers: fals, / / Boolean: întoarce direcția animației mișcării diapozitivului buclă: adevărat, / / Boolean: dacă se buclează înălțimea lină: fals, / / Boolean: se adaptează automat la înălțimea imaginii startat: 0, / / întreg: diapozitivul care începe redarea, numărarea diapozitivelor: adevărat de la 0, / / Boolean: dacă se redă automat prezentarea diapozitivelor: 5000, / / întreg: Ms interval de derulare animații viteză: 600, / / întreg: Ms animație derulare viteză inițial întârziere: 0, / / întreg: ms întârziere a primei execuții a animației aleatoriu: fals, / / Boolean: dacă se folosește ordinea de diapozitiv aleatoriu pauză acțiune: adevărat, / / Boolean: oprește redarea automată în timpul acțiunii utilizatorului pauzăhover: fals, / / Boolean: pauză redare automată la hover usecss: true, / / Boolean: dacă se folosește CSS3 transitiontouch: true, / / Boolean: permiteți ecranului tactil să atingă glisorul glisant Video: false, / / Boolean: utilizați glisorul video pentru a preveni transformarea CSS3 3D burr controlnav: adevărat, / / Boolean: dacă doriți să creați o direcție a punctului de control Nav: true, / / Boolean: dacă se creează butonul anterior / următor (anterior / următor) prevtext: „precedent”, / / Șir: textul butonului anterior poate fi un element HTML text următor: „următor” / / Șir: textul butonului următor poate fie un element HTML cuvânt cheie: adevărat, / / Boolean: dacă să permită tastaturii să controleze mai multe taste: false, / / Boolean: dacă să permită tastaturii să controleze mai multe roți glisante: adevărat, / / Boolean: dacă să activeze controlul roții mouse-ului pauză : false, / / Boolean: creează pauză și redă butonul pausetext: 'pauză' / / Șir: pauză text buton: 'redare' / / Șir: buton redare text controlscontainer: ', / / jQuery object / selectormanualcontrols:', / / Obiectul / selectorul jQuery definește elementul Sincronizare: ', / / selector: asociat este operația dintre diapozitive. ItemWidth: 0, / / integer: slide width, itemmargin: 0, / / integer: slide spacing minitems: 1, / / integer: cel puțin afișați numărul de slide-uri, legate de „itemWidth”, maxitems: 0, / / integer : afișează numărul maxim de diapozitive, care este legat de „itemWidth”. Mutare: 0, / / întreg: numărul de diapozitive care trebuie mutate la un moment dat, 0 - derulare vizibilă a diapozitivului: funcție () {}, / / apel invers: funcție (glisor) - apel invers completat înainte: funcție () {}, / / callback: function (glisor) - callback înainte de începerea fiecărui rollover după: function () {}, / / callback: function (glisor) - callback după finalizarea fiecărui sfârșit de rollover: function () {}, / / callback : funcție (glisor) - apel invers la ultimul diapozitiv adăugat: funcție () {}, / / apel invers: funcție (glisor) - declanșat la adăugarea unui diapozitiv. Eliminat: funcție () {} / / apel invers: funcție (glisor) - declanșat la eliminarea diapozitivului
Slider plug-in carusel responsiv Bootstrap compatibil cu ecranul tactil
Un plug-in de comutare cu carusel glisant care se adaptează la dimensiunea ecranului. Folosește cadrul Bootstrap, care este perfect compatibil cu ecranele tactile și diapozitive mobile pentru a schimba imaginile cu degetul.
jQuery miniatură și antet plugin de comutare a imaginii
Un efect modest de comutare a imaginii cu un stil modest. Efectul de imagine de focalizare cu miniaturi și descrieri de text poate fi implementat folosind jQuery și poate fi utilizat prin înlocuirea imaginii corespunzătoare.