Locație：pagina principala > Codul efectelor speciale JS > Carusel și comutator
Efecte pure de derulare a imaginii CSS
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.
Etichete populare
Descărcări populare
- Șablon HTML de transport logistic companie de curierat
Excelsure este un șablon HTML pentru companii expres și servicii de transport logistic. Șablonul este specific pentru site-urile web ale companiilor expres și de logistică. Design perfect pentru pixeli și ușor, ușor de mutat. Acesta este un șablon curat, modern și simplu. Caracteristici principale Design modern & Clean 3 Pagina de pornire Construită pe Bootstrap4 Pixel Design perfect Ușor de personalizat Proiectare Cross-browser Compatibil Formatare și comentarii Linie de cod Imagine minunată și Flaticon Pictogramă Font jQuery Efect și script - lc_switch.js exemplu de plugin pentru butonul de comutare
lc_switch.js exemplu de plug-in buton comutare, comutare buton selectare efect. - Șablon Bootstrap de prezentare a nunții pentru site-ul web
Un set de șabloane HTML pentru site-ul web al companiei de nunți frumoase, șabloane de site-uri oficiale ale companiei de servicii de nunți bazate pe cadrul Bootstrap și șabloane HTML pentru proiectarea paginilor receptive. - Elf Pokémon desenat de css pur
Codul elf Pokémon pictat cu CSS pur, ochii sclipind. - Șablon de site web pentru întreprinderi de inginerie pentru construcții
Promina este un șablon Html5 profesional și flexibil pentru industria construcțiilor. Șablonul este echipat cu cea mai avansată și mai recentă tehnologie de rețea, o experiență bună a utilizatorului și cele mai frumoase tendințe de design. Puteți găsi site-urile oficiale ale companiilor de inginerie și construcții. Caracteristici principale 3 Aspectul paginii de pornire este stabilit pe baza funcțiilor și funcțiilor unice ale Bootstrapv4.x. Efecte de tranziție lină. Compatibilitatea principală a browserului (IE, Firefox, Chrome, Opera și Safari) și optimizarea codurilor de adnotare și organizarea efectelor de paralaxă. Elementele nelimitate ale caruselului de dispunere pot fi Aspect personalizat al antetului Opțiuni multiple pentru antet Opțiuni multiple pentru subsol
