Locație：pagina principala > Codul efectelor speciale JS
Cod pagină de conectare HTML purpurie simplă
Un cod HTML simplu al paginii de conectare cu fundal violet. Dacă faceți clic pe caseta de introducere, se va afișa un efect de animație strălucitor, care este foarte cool și îmbunătățește experiența utilizatorului. Implicit este fundalul degradat mov și poate fi modificat la culoarea dorită.
Pagina de formular de autentificare HTML simplă și transparentă
O pagină de formular de conectare HTML simplă și transparentă, care este compusă dintr-un fundal neclar și o casetă albă de conectare. Fundalul estompat permite utilizatorilor să se concentreze pe caseta de autentificare. Fundalul este o pădure largă de munte verde și fundal de iarbă, care arată foarte răcoritor. Această pagină de conectare este foarte potrivită pentru site-urile web în care site-ul este în principal verde, iar avatarul rotund poate fi înlocuit cu un logo. Pagina de autentificare este adaptată terminalului mobil al telefonului mobil. Când rezoluția ecranului este mai mică de 500 px, aceasta va fi afișată în stilul terminalului mobil.
Pagină de autentificare HTML cu avatar rotund
O pagină de autentificare HTML cu un avatar rotund. Există o imagine rotundă în partea de sus a formularului de conectare.
Interfață de autentificare în stil clasic de linie
Interfață de conectare HTML stil clasică linie, casetă de conectare stil linie, buton roz de conectare și buton de conectare terță parte.
Pagina de comutare a înregistrării de conectare HTML purpurie
Șablon HTML pentru pagina de autentificare și înregistrare violet, pagina formularului de autentificare și înregistrare cu comutator de filă.
formular de autentificare html și widget de înregistrare pop-up
Un set de frumoase pagini html de autentificare și înregistrare, implicit este afișarea stilului formularului de autentificare. Faceți clic pe butonul de înregistrare pentru a afișa formularul de înregistrare într-o casetă pop-up. Stilul interfeței este destul de bun, iar fereastra pop-up de înregistrare este animată.
Design plat al paginilor de autentificare și înregistrare
Formularele de conectare și înregistrare HTML responsive sunt pe aceeași pagină. Pagini impresionante de autentificare și înregistrare, design plat al paginilor de autentificare și înregistrare.
Conectare înscriere widget formular de reducere
Cod widget formular de reducere autentificare și înregistrare, efect afișare comutare formular de înregistrare și înregistrare.
css stereo 3d buton stil
Stilul butonului 3D tridimensional CSS se va schimba atunci când faceți clic.
jQuery imită pluginul de completare automată a casetei de căutare Baidu
typeahead.js este un jQuery similar cu plug-in-ul de completare automată din caseta de căutare Baidu. Acest plug-in de completare automată oferă mai mult de 50 de opțiuni de configurare și metode de apel invers pentru a finaliza funcția de completare automată și poate completa majoritatea cerințelor pentru completarea automată a formularului.
Căutați codul efectelor de animație CSS3
Efectul de extindere a casetei de căutare este foarte interesant, efectul de animație realizat prin cod CSS3 pur, butonul de căutare implicit, faceți clic pe caseta de intrare.
Caseta de căutare jQuery lungime text auto-aplicabilă
Un plug-in care folosește jQuery pentru a lărgi automat intrarea de intrare. Aceasta este caseta de căutare, auto-aplicabilă lățimii textului introdus.
Faceți clic pe butonul de căutare jQuery pentru a extinde caseta de text
Utilizați jQuery pentru a face clic pe butonul de căutare cu pictograma, apoi devine o casetă de căutare, iar când se extinde, are un efect de tranziție animație.
jQuery Faceți clic pe pictograma de căutare pentru a afișa animația casetei de căutare
Utilizați jQuery pentru a obține efectul de animație de căutare, faceți clic pe butonul de căutare pentru a afișa caseta de căutare.
js + css caseta de căutare se potrivește automat cu meniul derulant
Efectele speciale foarte frecvente sunt similare cu caseta de căutare Baidu. Caseta de căutare implementată de codul js + css se potrivește automat cu meniul derulant pentru a filtra rezultatele șirului care se potrivesc cu intrarea.
jQuery Layui casetă de căutare derulantă
jQuery se bazează pe codul casetei drop-down Layui căutare, care este un cod listă prompt prompt care acceptă căutare chineză și inițială.
Intrarea de intrare apare butonul de căutare
Un stil creativ de casetă de căutare CSS3, butonul de căutare apare atunci când introduceți text în caseta de introducere
Plugin pentru meniul de navigare Bootstrap cu casetă de căutare drop-down
Cadrul Bootstrap este un plug-in de meniu de navigare frumos și practic cu o listă drop-down, care este similară cu caseta listă drop-down de pe Github. Este transformat din meniul inițial Bootstrap, care este foarte practic și frumos.
butonul de căutare CSS3 devine un efect de animație a casetei de căutare
Un stil de căutare creativ CSS3, faceți clic pe butonul rotund pentru a transforma efectul de animație a casetei de căutare de intrare.
css3 faceți clic pe buton pentru a schimba caseta de introducere
Butonul și forma efectelor de animație interactive implementate în css3 pur, css3 face clic pe butonul de colț rotunjit pentru a deveni o casetă de intrare cu un buton, care poate fi folosit ca funcție de căutare.
