Главная » Файлы » Скрипты для uCoz » Другие скрипты

Простенькая кнопка "Вверх" by Bilbao111 для uCoz
24.06.14, 18:47:14

Скачать файл




Простая кнопочка для поднятия страницы

Посмотрите ДEMO

Установка:

В самый низ страницы перед < /body >:
Код
<div onclick="$('html:not(:animated), body:not(:animated)').animate({ scrollTop: 0 }, 'slow');" id="up"><span id="up_text">Up!</span></div>


После < /head>:
Код
<script src="/js/in_toTop.js"></script>


В самый низ вашего css вставьте этот код:
Код
#up {  
  background: url("/graphics/in_up_button.png") 50% 50% no-repeat #000000;  
  box-shadow: 0px 1px 3px #323232;  
  bottom: 23%;  
  cursor: pointer;  
  display: none;  
  height: 4px;  
  opacity: 0.3;  
  padding: 10px 10px 20px;  
  position: fixed;  
  right: 0px;  
  text-align: center;  
  width: 14px;  
  z-index: 11111;  
  }  
  #up:active {  
  opacity: 0.6;  
  }  
  #up:hover #up_text {  
  display:inline-block;  
  }  
  #up:hover {  
  text-align: left;  
  width: 40px;  
  background-position-x: 32px;  
  color: #ffffff;  
  }


В папку graphics загрузите изображение из прикреплённого архива.
А файл in_toTop.js загрузите в папку js.

Исправлен баг с Firefox и Opera
Код
#up:hover {  
  text-align: left;  
  width: 40px;  
  background-position-x: 32px;  
  color: #ffffff;  
  }

Замените на
Код
#up:hover {  
  text-align: left;  
  width: 40px;  
  background-position: 32px center;  
  color: #ffffff;  
  }

Категория: Другие скрипты | Добавил: Apocalypse | Теги: Простенькая, вверх, Bilbao111, ucoz, by, кнопка, для
Просмотров: 526 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: