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

Скрипт Стрелка Вверх. С помощью данного скрипта при пролистывании старицы вниз появляется стрелка в правом нижнем углу. При нажатии на нее страница подниматеся вверх
Установка:
В нижнию часть сайта или на страницах между <--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: 1px;cursor: pointer;text-decoration: none;}  

div.toTop {background: #666 url('http://www.csomsk.ru/1-ucoz/news-new/Upload.png') no-repeat;width: 32px;
height: 32px;
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/Upload.png') no-repeat;width: 32px;
height: 32px;
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 » Скрипты от нашего портала » Скрипт Стрелка Вверх
Страница 1 из 11
Поиск: