Данный скрипт добавляет на ваш сайт кнопку "Вверх". Она будет отображаться в нижнем правом углу. При прокручивании страницы вниз кнопка плавно появляется, при прокручивании вверх - исчезает. Кнопка при в неактивном состоянии имеет полупрозрачное состояние, при наводке стрелкой мыши прозрачность исчезает.
<script> $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()>="100"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()<="1000"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); $(function(){$("#toTo_button").scrollToTop();}); </script> <style> #toTo_button { width:70px;text-align:center;padding:5px;position:fixed;bottom:10px;right:12px;cursor:pointer;color:#666;text-decoration:none; } #ups a img { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); } #ups a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); } </style> <div id="ups"> <a href="/" id="toTo_button"><img src="/images/top.png" alt="" /></a> </div>Разместить код нужно внутри тега
<body></body>
Добавить комментарий