Un notch și conectarea la site-ul un buton script mic - „SUS“. Răsfoirea site-ul nostru în colțul din dreapta jos al unui buton va apărea cu o pictogramă în sus - această pictogramă va fi suprapus pe partea de sus a blocului cu un tip, un designer, astfel încât codul va trebui să fie modificate. Și să construim un cadru mic pentru aplicarea noastră.
În header-ul site-ului conectați jquery 1.7.2 puteți conecta ultima versiune - nu vor exista conflicte. Folosesc icoane de tip font-minunat - adesea folosesc această bibliotecă, în opinia mea cea mai bună colecție de icoane pentru munca de zi cu zi a creării de site-uri web.
Fișier de stiluri și un fișier cu scripturi. La sfârșitul documentului, afișăm trei blocuri principale - un buton deasupra, un bloc cu un asterisc și un bloc cu un designer.
Să prescriim stilurile pentru elementele noastre.
Blocurile vor merge fără probleme - pentru aceasta am adăugat proprietatea css la tranziție. Poziționarea este fixă și setează poziția negativă la toate blocurile. Adăugând o clasă cu locație zero și proprietatea de tranziție, am realizat o animație frumoasă a aspectului neted al blocului.
Dar fără JQuery, nimic nu va funcționa;) Să scriem codul nostru:
Ce este un cod de superfluu pe care-l spui. De ce nu combinați scriptul butonului și blocurile noastre plutitoare? Nu doar că am împărtășit aceste două scripturi. În primul rând, scriptul elementului TOP poate exista deja pe site-ul dvs. În al doilea rând - puteți citi acest articol numai din cauza acestui element;)
Dacă site-ul dvs. este deja butoanele operaționale în partea de sus - este a doua unitate noastră cu un designer va fi suprapus pe buton, astfel încât vom adăuga câteva linii de cod și vom ascunde elementul perturbator în timpul afișării proiectantului și re-ecran atunci când derulând la subsolul site-ului.