Главная » Кнопка плавного перехода вверх для сайта
    РейтингРейтингРейтингРейтингРейтинг


Кнопка плавного перехода вверх для сайта

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

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

https://sites.google.com/site/poleznoznat/r1.png
https://sites.google.com/site/poleznoznat/r2.png
https://sites.google.com/site/poleznoznat/r3.png
https://sites.google.com/site/poleznoznat/r5.png
https://sites.google.com/site/poleznoznat/r6.png
https://sites.google.com/site/poleznoznat/r1.png
https://sites.google.com/site/poleznoznat/r7.png
https://sites.google.com/site/poleznoznat/r1.png
https://sites.google.com/site/poleznoznat/r8.png
https://sites.google.com/site/poleznoznat/r9.png
https://sites.google.com/site/poleznoznat/r10.png
https://sites.google.com/site/poleznoznat/r11.png
https://sites.google.com/site/poleznoznat/r12.png

Далее создаем новый гаджет Дизайн - Элементы страницы - Добавить гаджет HTML/JavaScript, и вставляем туда код и скрипт что ниже:


JavaScript код:

<script type="text/javascript" >
var smoothJumpUp = function() {
if (document.body.scrollTop>0 || document.documentElement.scrollTop>0) {
window.scrollBy(0,-50);
setTimeout(smoothJumpUp, 20);
}
}
</script>
<div id="topcontrol" style="position: fixed; z-index: 100500; bottom: 5px; 
right: 5px; cursor: pointer; opacity: 1; " title="К началу страницы">
<a href="http://ваш сайт/">
<img src="http://ваш сайт/gra.png"/></a> <a href="javascript:smoothJumpUp()"> <img src="тут ваша ссылка"/> </a> </div>



Затем в поле "тут ваша ссылка" на ссылку что вы скопировали в самом начале. Жмем сохранить, видим стрелку на сайте нажимаем плавно переходим в начало и радуемся.

css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!