В сегодняшнем посте предлагаю вашему вниманию простейший скрипт для установки плавающей кнопки для плавного перехода вверх на страницах блога. Образец такой кнопки можно посмотреть в этом блоге.
Предлагаемый скрипт необходимо скопировать и вставить в гаджет через: Дизайн-Элементы страниц-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
0 коммент.:
Отправить комментарий