Button - up - pentru un site fără un plugin
Salutări dragi prieteni. Astăzi vă voi arăta cum să faci un buton de pe site-ul de sus. Pur și simplu sa întâmplat ca șablon blog-ul meu nu a fost echipat inițial cu această caracteristică utilă, iar vizitatorii nu se pot deplasa rapid din partea de jos a articolului în partea de sus. Prin urmare, concomitent cu crearea unui buton de acasă, am să-ți spun cum se face (poate aveți aceeași problemă și nu a știut cum să-l repara).
Articolul va fi următoarele părți:
De ce este acest buton?
Sincer vorbind, milioane de site-uri sunt fără un astfel de buton. Nimic critic în absența ei acolo, dar utilizarea acestui element poate aduce unele beneficii, atât pentru vizitatori cât și pentru tine, ca un proprietar al resursei.
Beneficii pentru vizitatori
In timp ce noi suntem de lectură ocupat, astfel încât defilare nu este deosebit de obositoare. Dar nu merge înapoi atât de distractiv și, în loc să meargă înapoi în sus și să ia o plimbare în celelalte secțiuni ale site-ului, utilizatorul pur și simplu se închide.
- Simplu și configurare ușoară;
- Nu au nevoie de sprijinul bibliotecilor și script-uri.
- Butonul este vizibil tot timpul, chiar și atunci când vizitatorul este în partea de sus a paginii;
- Mutarea în sus nu se produce lin și tresar instantaneu.
Se introduce următorul cod în site-ul corpului (în corp tag-ul, mai bine, chiar înainte de închidere). Vă rugăm să rețineți că veți avea nevoie de o imagine, care va servi ca butonul (înlocui o secțiune de cod pe drumul spre o imagine și numele).
Acest cod este responsabil pentru poziția butonului în timp ce editați numerele, îl puteți schimba. După ce salvați fișierul, butonul va începe să funcționeze. lățime egală cu parametrul lățime pune imagini, partea de jos - adâncitura din partea de jos a ecranului, dreapta - de la marginea din dreapta a ecranului.
Deci, prieteni, un simplu buton de pe HTML, vom face acum este sa trecem la punerea în aplicare a unei versiuni mai avansate. În ea, vom scăpa de deficiențele care au fost prezente în versiunea anterioară, după cum urmează:
- Butonul se întrevede în mod constant în fața ochilor lui, și apare numai atunci când un vizitator Derulează în josul paginii;
- Efectul de întoarcere înapoi la partea de sus este netedă, se pare elegant;
- În plus, butonul nostru se va schimba atunci când treceți cursorul (schimba culoarea sau luminozitatea).
În general, procesul de creare a unui buton un pic mai greu, dar se poate face cu fiecare. Totul se face în 2 etape:
1. Conectați biblioteca jQuery
Dacă folosiți WordPress sau alt standard CMS, atunci această bibliotecă va este conectat cel mai probabil implicit. În acest caz, elementul pe care se poate sări peste.
Pentru a conecta biblioteca jQuery, trebuie să vă înregistrați în secțiunea
site-ul dvs. următoarea linie: