Страница 1 из 11
Форум » Скрипты для uCoz » Скрипты от нашего портала » Скрипт новая стрелка Вверх сайта csomsk.ru (Круглая)
Скрипт новая стрелка Вверх сайта csomsk.ru (Круглая)
Lexarus
Offline
Дата: Вторник, 16.08.2011, 15:26 | Сообщение # 1
Постов: «3519»
Лучший админ

Скрипт новая стрелка Вверх сайта csomsk.ru (Круглая). С помощью данного скрипта при пролистывании старицы вниз появляется стрелка в правом нижнем углу. При нажатии на нее страница подниматеся вверх
Установка:
В нижнию часть сайта или на страницах между <--head>и<--/head> вставляем код:
Code

  <script src="http://www.csomsk.ru/js/up-csomsk.js" type="text/javascript"></script>   
  <div id="toTop" class="toTop"></div>   
  <script type="text/javascript">   
  $(function() {   
  $("#toTop").scrollToTop();   
  });   
  </script>

В CSS вставляем:
Code
#toTop {position: fixed;bottom: 100px;right: -10px;cursor: pointer;text-decoration: none;}     div.toTop {background: #666 url('http://www.csomsk.ru/1-ucoz/news-new/Upload1.png') no-repeat;width: 10px; height: 10px; color: #fff; font-family: verdana; border-radius: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; cursor: pointer; padding: 15px; margin: 20px; }  div.toTop:hover {background: #666 url('http://www.csomsk.ru/1-ucoz/news-new/Upload1.png') no-repeat;width: 12px; height: 12px; color: #fff; font-family: verdana; border-radius: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; cursor: pointer; padding: 15px; margin: 20px; }  
  
Форум » Скрипты для uCoz » Скрипты от нашего портала » Скрипт новая стрелка Вверх сайта csomsk.ru (Круглая)
Страница 1 из 11
Поиск: