Среда, 20.06.2018, 14:25
Главная Регистрация RSS
Приветствую Вас, Гость
Категории раздела
Видео уроки [3]
Cкрипты [4]
скрипты
Облако тегов
Реклама
Поиск
Реклама
Главная » 2013 » Май » 13 » Быстрый подъем вверх страницы
13:35
Быстрый подъем вверх страницы
Кнопка вверх. Предназначена для быстрого поднятия страници вверх. Кнопка устанавливается в верхем правом углу сайта. Появляется только тогда, когда пользователь прокрутит немного страницу вниз. Чем ниже страница станет, тем кнопка обретает насыщенный цвет.

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

Код
<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>
Просмотров: 72 | Добавил: greenpis | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Последние файлы

 
[06.11.2015][Скрипты для ucoz]
Плейлист для фильмов или сериалов UCOZ (0)
[09.05.2012][Шаблоны для ucoz]
Шаблон Millenium (14)
[12.02.2012][Программы]
Программа Intro Banner Maker v2.9 Скачать бесплатно (30)
[12.02.2012][Программы]
Adobe Photoshop CS5.1 Extended 12.1.0 Update 2 (x32/x64) RUS Скачать (11)
[12.02.2012][Программы]
Бесплатная программа для создания меню сайта CSS Tab Designer (1)
[24.12.2011][Шаблоны для ucoz]
Флуд-контроль для форума (1)
[10.07.2011][Шаблоны для ucoz]
Шаблон Mistic v.2 (2)
[08.07.2011][Шаблоны для Joomla]
GK Gamebox v1.0.5 (2)
[08.07.2011][Шаблоны для ucoz]
Улучшенная версия шаблона "Kiks" (1)
[05.07.2011][Шаблоны для ucoz]
Шаблон Cinema World для ucoz (2)
Последние статьи

[12.07.2013]
Adobe Photoshop CS 6 Extended. Новые возможности (0)
[12.02.2012]
Как сделать собственный баннер через фотошоп? (1)
[12.02.2012]
Как сделать баннер для своего сайта самому (1)
[12.02.2012]
Онлайн генераторы баннеров и логотипов (7)
[12.02.2012]
CSS Tab Designer Бесплатная программа для создания меню сайта (0)
[12.02.2012]
Меню сайта в uCoz – как его создать или изменить? (2)
[10.02.2012]
Как раскрутить сайт бесплатно? (0)
[10.02.2012]
Как сменить дизайн на сайте Ucoz (0)
[10.02.2012]
Как создать сайт на юкозе? (4)
[08.02.2012]
Как установить иконку favicon.ico в ucoz? (1)
Последние видео уроки и скрипты


[05.11.2015][Cкрипты]
Переключатель сериалов для ucoz (0)
[05.11.2015][Cкрипты]
Переключатель сериалов для ucoz (0)
[13.09.2014]
Кнопка рейтинга + и - (0)
[06.09.2014]
Красивая статистика для uCoz (0)
[06.09.2014]
Вид комментариев ucoz с круглым Avatar (0)
[06.09.2014]
Up на подобии как в вк (0)
[31.08.2014]
Cоц. закладки для сайта (0)
[31.08.2014]
Кнопка наверх в виде ракеты с эффектом огня (0)
[29.08.2014]
Полный мини-чат для uCoz (0)
[30.03.2014]
Радио для сайта (0)