Плавная кнопка вверх - Кнопки - UCOZ - Каталог файлов


Вот такая кнопочка (вы можете видеть её в левом нижнем углу моего сайта, когда прокрутите страницу вниз), я считаю, должна быть на каждом сайте! Ещё бы, она так облегчает просмотр длинных страниц – не надо крутить страницу опять вверх, чтобы вернуться к меню, а нажал на кнопочку и – ты уже в начале страницы! К тому же это так красиво – страница красиво и плавно проматывается вверх, приятно смотреть Кнопочка размером 40x40, скрипт очень легкий и вы сможете спокойно подогнать под свой сайт. Установка: Для начала в таблицу стилей вставляем код: Code /********Кнопка в верх******/ .scrollup{width:40px;height:40px;position:fixed;bottom:150px;left:60px;display:none;text-indent:-9999px;background: url('http://kamorka.ucoz.com/img/vverkh.png') no-repeat;opacity:0.5; border: 2px solid #3fa1ed!important; border-radius:50px 50px 50px 50px; } .scrollup:hover{opacity:0.7; border: 2px solid #FF0000!important; border-radius:50px 50px 50px 50px; } bottom:200px; - отступ с низу left:160px; - отступ слева http://kamorka.ucoz.com/img/vverkh.png - картинку кнопки можете заменить на свою В нижнюю часть сайта: Code** <!-- <Вверх> --> <a href="#" class="scrollup"></a> <script type="text/javascript"> $(document).ready(function(){ $(window).scroll(function(){ if ($(this).scrollTop() > 700) { $('.scrollup').fadeIn(); } else { $('.scrollup').fadeOut(); } }); $('.scrollup').click(function(){ $("html, body").animate({ scrollTop: 0 }, 600); return false; }); }); </script> <!-- </Вверх> -->
Важно! При копировании материала указывать ссылку на источник. Оценить материал + 3 - 363 - 14-Октября-2016 - 0 Материал разместил:

Похожий материал

Похожего материала не найдено...

Статьи сайта

12-Ноября-2017 в 23:41:03

Рай для верстальщика: синхронизация окон браузеров

29-Июня-2017 в 12:30:13

Что такое информер и зачем нужен на сайте

29-Июня-2017 в 10:21:53

Ограничить длину заголовка и описание к материалу для uCoz

05-Марта-2017 в 12:54:01

Сокращаем "Описание" в вид материалов

01-Марта-2017 в 17:08:05

Не форматируется флешка? Решение есть

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

Соглошения:

Администрация данного сайта не несет ответственность за использование ресурсов доступных на этом сайте. Вся информация дана исключительно в образовательных целях. Вся информация, расположенная на этом сайте предназначена только для ознакомительных целей, авторы не несут ответственности за возможные последствия использования их в целях, запрещенных Уголовным Кодексом. Вы обязуетесь не применять полученные здесь программы и информацию в целях, запрещённых УК. Ни при каких условиях и обстоятельствах ответственность за последствия, которые прямо или косвенно повлекло за собой использование информации или программного обеспечения, размещенного на этом сайте, не может возлагаться на авторов сайта и быть основанием для их судебного преследования. Вы соглашаетесь с указанными условиями, можете приступить к регистрации и дальнейшему просмотру материалов. В противном случае рекомендуется немедленно покинуть сайт.

Общие правила поведения на сайте:

Начнем с того, что на сайте общаются сотни людей, разных религих и взглядов,
и все они являются полноправными посетителями нашего сайта, поэтому если мы хотим чтобы это сообщество людей функционировало нам и необходимы правила. Мы настоятельно рекомендуем прочитать настоящие правила, это займет у вас всего минут пять, но сбережет нам и вам время и поможет сделать сайт более интересным и организованным.

Начнем с того, что на нашем сайте нужно вести себя уважительно ко всем посетителям сайта. Не надо оскорблений по отношению к участникам, это всегда лишнее. Если есть претензии - обращайтесь к Админам или Модераторам (воспользуйтесь личными сообщениями). Оскорбление других посетителей считается у нас одним из самых тяжких нарушений и строго наказывается администрацией. У нас строго запрещен расизм, религиозные и политические высказывания. Заранее благодарим вас за понимание и за желание сделать наш сайт более вежливым и дружелюбным.

На сайте запрещено:

- сообщения, не относящиеся к содержанию статьи или к контексту обсуждения
- оскорбление и угрозы в адрес посетителей сайта
- в комментариях запрещаются выражения, содержащие ненормативную лексику, унижающие
человеческое достоинство, разжигающие межнациональную рознь
- спам, а также реклама любых товаров и услуг, иных ресурсов, СМИ или событий, не
относящихся к контексту обсуждения статьи

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

Администрация сайта оставляет за собой право:
Удалять комментарии или часть комментариев, если они не соответствуют данным требованиям.

C уважением администрация сайта