Както можете да видите линка даден .topbutton клас с помощта на който, с помощта на CSS, можете да направите някоя връзка, желания външен вид, например, да видите същия бутон.

CSS примерен код:

topbutton <
ширина. 100px;
граница. 2px твърдо вещество #ccc;
фон. # F7f7f7;
текст - подравняване. център;
уплътнение. 10px;
позиция. фиксиран;
дъното. 50px;
прав. 50px;
курсора. указател;
цвят. # 333;
шрифт - семейство. Verdana;
шрифт - размер. 12px;
гранично - радиус. 5px;
- Моз - граница - радиус. 5px;
- WebKit - граница - радиус. 5px;
- KHTML - граница - радиус. 5px;
>

Скрит текст (Трябва да въведете данните си за вход или се регистрирайте и имат 21 съобщение (и)):

Вие нямате права да видите скрития текст, съдържаща се тук.

2 / ключовата отгоре чрез JQuery
Бутон реализира просто. За нейното функциониране ще трябва JQuery библиотека, малък скрипт, съдържащ JQuery събития, определени стилове и DIV таг, който съдържа текста и необходимите документи за самоличност.

Бутонът работи в браузъри, тъй като версии на Firefox 3.0.10 - 06.03.13, Internet Explorer 7 и 8, Google Chrome, Jquery 1.4.3. За съжаление, бутонът не работи в IE 6, но имате нужда от него :)?

следния код трябва да поставите преди етикета на всички страници от сайта ви. Ако библиотеката JQuery е свързан с вашия сайт, не е нужно да се добави на първа линия.

$ (Window). превъртане (функция ()

ако ($ (това). scrollTop ()! = 0)

$ ( "#toTop"). кликнете (функция ()

За да се даде един красив външен вид бутон, трябва да добавите следните стилове. Тяхната най-добре да добавите към файла на вашия сайт стил.

#toTop <
ширина. 100px;
граница. 1px твърдо вещество #ccc;
фон. # F7f7f7;
текст - подравняване. център;
уплътнение. 5px;
позиция. фиксиран;
дъното. 10px; / * Бутон отстъп от долния край на страницата * /
прав. 10px;
курсора. указател;
дисплея. няма;
цвят. # 333;
шрифт - семейство. Verdana;
шрифт - размер. 11 пкс;
>

За да се обадите бутон, добавете следния HTML код преди етикета .