Hogyan lehet felfelé vagy lefelé az oldalon

Mint látható, a megadott linkre .topbutton osztály segítségével, amelyek segítségével a CSS, akkor lehet, hogy minden kapcsolatot, a kívánt megjelenést, megtekinthetjük például ugyanazt a gombot.

CSS kód minta:

topbutton <
szélessége. 100px;
határon. 2px szilárd #ccc;
háttérben. # F7f7f7;
szöveg - align. központ;
padding. 10px;
helyzetbe. rögzített;
alján. 50px;
jobbra. 50px;
kurzor. pointer;
színét. # 333;
font - család. Verdana;
font - méret. 12px;
határ - sugár. 5px;
- moz - határ - sugarát. 5px;
- WebKit - határ - sugarát. 5px;
- KHTML - határ - sugarát. 5px;
>

Rejtett szöveg (Meg kell adnia a bejelentkezési vagy regisztrációhoz és 21 üzenet (ek) ben):

Ön nem rendelkezik jogosultsággal, hogy a rejtett szöveg tartalmazott itt.

2 / kulcsfej keresztül jQuery
Gomb végre egyszerűen. A működéséhez szüksége lesz jQuery könyvtár, egy kis szkript, amely jQuery események, bizonyos stílusok és DIV címkét, amely tartalmazza a szöveget, és a szükséges azonosítót.

A gomb működik böngészők óta Firefox verzió 3.0.10 - 3.6.13, Internet Explorer 7 és 8, Google Chrome, jQuery 1.4.3. Sajnos, a gomb nem működik az IE 6, de szükség van rá :)?

A következő kódot kell beilleszteni a címke elé minden oldalon a webhelyen. Ha a jQuery könyvtár már csatlakoztatva van az oldalon, akkor nem kell hozzá az első sorban.

$ (Window). scroll (function ()

if ($ (this). scrollTop ()! = 0)

$ ( '#toTop). kattintson a (function ()

Ahhoz, hogy egy szép megjelenés gombot, akkor meg kell adnia a következő stílusokat. A legjobb, hogy adjunk a fájlt a webhely stílusát.

#toTop <
szélessége. 100px;
határon. 1px szilárd #ccc;
háttérben. # F7f7f7;
szöveg - align. központ;
padding. 5px;
helyzetbe. rögzített;
alján. 10px; / * Behúzása gomb alsó szélétől a lap * /
jobbra. 10px;
kurzor. pointer;
kijelzőn. none;
színét. # 333;
font - család. Verdana;
font - méret. 11px;
>

Hívásához gombot, adjuk hozzá a következő HTML kódot, mielőtt a címke .