Код всплывающей кнопки - Наверх(toTop) Код всплывающей кнопки - Наверх(toTop)

Код всплывающей кнопки - Наверх(toTop)

Дата: Воскресенье, 15.07.2012, 04:55 | Сообщение # 1

Группа: Администраторы

Сообщений: 1530

<html><head>

<style>
#scroll_to
{
/* display: block before hiding */
display: block;
display: none;
z-index: 999;
opacity: .8;
position: fixed;
top: 100%;
margin-top: -80px;
left: 90%;
margin-left: -80px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 100px;
padding: 8px;
background-color: #f1f1f1;
font-size: 14px;
text-align: center;
border: 1px solid #CCC;
}

#scroll_to a { color: #222; text-decoration:none;}
</style>
</head>

<body>
<a id="top"></a>

......................

Код сайта

......................

<script src="http://kachay.ucoz.org/js/scroll_to.js"></script>
<div id="scroll_to"><a href="#top" id="top-link">^ Наверх ^</a></div>
</body>
</html>

Дата: Суббота, 09.02.2013, 17:18 | Сообщение # 2

Группа: Администраторы

Сообщений: 1530

Очень простенький код кнопки "Наверх"

<a href="javascript://" onclick="$('body').scrollTo('0px',800, {axis:'y'})" id="gantry-totop">Наверх</a>

Дата: Воскресенье, 20.10.2013, 06:44 | Сообщение # 3

Группа: Администраторы

Сообщений: 1530

Кнопка "Наверх" и "Вниз"

<div style= "position:fixed; right:0.2%; bottom:15%;" id="nav_up"><img src="up.png" alt="Вверх страницы" title="Вверх страницы" border="0"/></div>

<div style= "position:fixed; right:0.2%; bottom:5%;" id="nav_down"><img src="down.png" alt="Вниз страницы " title="Вниз страницы" border="0"/></div>

<script type="text/javascript">

jQuery(function() {

var overelem = jQuery('body');

jQuery('#nav_up').fadeIn('slow');

jQuery('#nav_down').fadeIn('slow');

jQuery('#nav_down').click(

function (e) {

jQuery('html, body').animate({scrollTop: overelem.height()}, 800);

}

);

jQuery('#nav_up').click(

function (e) {

jQuery('html, body').animate({scrollTop: '0px'}, 800);

}

);

});

</script>

Код всплывающей кнопки - Наверх(toTop) - Архив