Вы здесь

Как сделать кнопку "Наверх"?

crash
Аватар пользователя crash
Как сделать кнопку "Наверх"?

Доброго времени суток уважаемые форумчане. У меня вопрос, который скорее всего интересует многих начинающих вебмастеров. Я часто встречаю кнопку "Наверх", наверняка и вы её не редко встречаете. Она очень удобна в использовании, и очень помогает при огромном тексте на страницах. Так вот, такую же кнопочку я решил добавить на свой сайт. Как её добавить? Какие коды нужно вписывать? И существует ли такой код в "html", или она работает только в "JavaScript"? Будет приятно познать этот маленький, но очень полезный скрипт.


Заранее спасибо, жду ответов...

crash
Аватар пользователя crash
Спасибо вам. Вы мне очень

Спасибо вам. Вы мне очень помогли. Я установил данную кнопку у себя на сайте в тех местах, где очень большой объем текста, очень удобно пользоваться. Я буду ее немного редактировать, изменять вид, чтобы кнопка выглядела более красивой, а так все отлично. Хорошо, что есть этот форум и такие талантливые вебмастеры.

Cka3o4H1k
Аватар пользователя Cka3o4H1k
Если у вас уже подключена

Если у вас уже подключена jQuery, нужно сделать следующее: в scrollup.js добавляйте такой код:

jQuery( document ).ready(function() {

jQuery('#scrollup img').mouseover( function(){
jQuery( this ).animate({opacity: 0.65},100);
}).mouseout( function(){
jQuery( this ).animate({opacity: 1},100);
}).click( function(){
window.scroll(0 ,0);
return false;
});

jQuery(window).scroll(function(){
if ( jQuery(document).scrollTop() > 0 ) {
jQuery('#scrollup').fadeIn('fast');
} else {
jQuery('#scrollup').fadeOut('fast');
}
});
});

Antuan
Аватар пользователя Antuan
Наверх

Кнопка "наверх" может быть выполнена по-разному, независимо от вашей CMS. Можно просто в HTML добавить вниз страницы код типа:

<a href="#" title="вернуться в начало"class="topbutton">^Наверх</a>

и потом написать вид кнопки в CSS. Это самый простой и универсальный способ, который не перегрузит ваш код.

В вордпрессе и джумле есть готовые расширения и плагины для добавления такой кнопки. Далее, все сложнее- с использованием Javascript и других библиотек.

tornado5
Аватар пользователя tornado5
Для того, что бы что-то

Для того, что бы что-то конкретно вам посоветовать, нужно сразу знать в какой CMS вы работаете, либо вы используете чистый код. Например, для системы управления содержимым Joomla существует такой прекрасный плагин, как Smooth Top, который без проблем позволяет создать подобную кнопку.

Добавить комментарий

Full HTML

  • Допустимые HTML-теги: <a> <iframe><i> <tr> <em> <u> <br> <p> <ul> <ol> <li> <hr> <img><strong><b>
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и абзацы переносятся автоматически.
  • External links will be redirected to a page that tells the user that they are about to leave the site.

Реклама