Кнопка "Вверх" с отображением процента для uCozСегодня отыскался как-то сам собой маленький интересный плагин. Особенно
пригодится тем, кто успел уже завести длинные-длинные сайты с большим
количеством текста или другой информации, ну не знаю, картинок, ссылок. И
вашим пользователям приходится все время крутить колесико мыши, ожидая
найти коней страницы или хотя бы середину.
Плагин предлагает установить на страничку симпатичную стрелочку с
счетчиком процентов просмотренного страничного поля - опять же новинка,
сделанная Ucoz. Стрелочка указывает "Вверх", а процентики быстро бегут
от нуля до ста. Легкий и практичный плагин. Посоветовал коллегам, у
которых сайты проматывать - долго и скучно, так хоть можно отвлечься,
попытаться считаться вместе с бегущими процентиками. Отвлекает внимание и
настраивает на позитивный лад - скоро все кончится! Ну это шутка,
конечно, но доля правды в этом есть. Мы ведь пытаемся делать наши сайты
доступными и приятными, а не пыточными камерами со сложной навигацией и
непонятной системой бесконечной страницы. Работает плавно, много места
не занимает, да и как такая малышка может занимать много место.
Пробуйте, с вас комментарии.
Установка:
В самый низ css вставляйте: #back-top {
position:fixed;
width:50px;
height:100px;
z-index:6;
right:25px;
bottom:0;
background-color: transparent;
display: block;
background-position: initial initial;
background-repeat: initial initial;
}
|
Следующий код в самый низ страницы после < /body >: <divid="back-top">
<center>
<atitle="Вверх"id="backop"href="#top">
<imgsrc="http://bestnews.lv/img/go_up.png"/>
</a>
<fontcolor="#000000"size="3">
<spanid="pix">0</span>%</font>
</center>
</div>
<script>
$(window).scroll(function(){
var s = $(window).scrollTop();
var f = $(document).height()- $(window).height();
var d = s / f *100;
var p =Math.round(d);
$("#pix").text(p);
});
</script>
|
Нравится
| 
