вРазные полезности

Поднятие страницы вверх сайта uCoz

 
Кнопка вверх, которая всегда будет на сайте с правой стороны. Ее место в низу и если страница пониматься будет то и она также с ней. Сам скрипт очень простой в этом большой плюс, также кнопка выполнена в сером виде, что на светлом сайте отлично видно и не исключаю, что на темном можно поставить.

Установка:

В нижнюю часть сайта вставляем:

Код
<a href=»javascript://» onclick=»$(‘body’).scrollTo(top:$(‘body’).offset().top, left:0, 800);return false;»>  
  <div style=»position:fixed; opacity:0.8; bottom:0px; right:0px;» id=»fImgtotop»><img  
  title=»Вверх» src=»http://zornet.ru/Ajaxoskrip/Fyrkes/Rnuke/77/up-cvseormxsk.png» border=»0″></div>  
  </a>  
   
  <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>

PS — как можно заметить, что одна ссылка в коде и она на дизайн кнопки и ее можно поменять на свою.

источник: zornet.ru

Похожие посты