пятница, января 15, 2016

Скрипт кнопка прокрутка вверх для блогов на Блоггере

В сегодняшнем посте предлагаю вашему вниманию простейший скрипт для установки плавающей кнопки для плавного перехода вверх на страницах блога. Образец такой кнопки можно посмотреть в этом блоге.
кнопка прокрутка вверх для блогов

Предлагаемый скрипт необходимо скопировать и вставить в гаджет через: Дизайн-Элементы страниц-HTML/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="javascript:smoothJumpUp()">
<img src="ссылка на желаемую кнопку"/>
</a>
</div>

В том месте где красным цветом шрифта написана фраза "ссылка на желаемую кнопку" необходимо вставить ссылку выбранной кнопки из вариантов предложенных ниже.
http://s017.radikal.ru/i405/1601/59/0ab78944c749.png

http://s018.radikal.ru/i512/1601/ce/fbc1b37a1bfe.png


http://s015.radikal.ru/i333/1601/d9/7ea9eb83cba5.png

http://s017.radikal.ru/i428/1601/3e/a4cd83c067ea.png

http://i081.radikal.ru/1601/59/a3ca683876cf.png

http://i058.radikal.ru/1601/bc/d9be77b7d6f7.png


http://s020.radikal.ru/i722/1601/84/5d95abde390e.png


http://s019.radikal.ru/i605/1601/d8/398e1873b2b2.png

Понравилась статья? Порекомендуйте ее!

0 коммент.:

Отправить комментарий

Понравилось? Чтобы не пропустить интересное, подпишись на новые статьи по эл.почте

 
Яндекс.Метрика