Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Кнопка вверх как вконтакте

Предыдущая тема Следующая тема Перейти вниз

Решено Кнопка вверх как вконтакте

Сообщение автор MakcMay в Чт 27 Дек - 12:06

Всем Привет. Помогите сделать кнопку вверх как вконтакте. Что-бы было так.

1. Когда листаешь вниз появляется надпись вверх

2. А когда наводишь то появляется еще и фон прозрачный.


Последний раз редактировалось: MakcMay (Сб 29 Дек - 11:13), всего редактировалось 1 раз(а)

MakcMay
 
 

Пол : Мужчина
Сообщения : 586
Возраст : 25
Место обитания : Украина
Настроение : Атмосферное smile
Карма : Без предупреждений
Благодарности : 102
Регистрация : 2011-12-12

http://pawno.wikiforum.net

Вернуться к началу Перейти вниз

Решено Re: Кнопка вверх как вконтакте

Сообщение автор Домовой в Чт 27 Дек - 14:48

в виджет на главной
<script type="text/javascript">
jQuery(document).ready(function() {

// Виджет кнопки вверх (Test-Templates)
// Версия 1.0

jQuery('body').append('<div class="button-up" style="display: none;opacity: 0.7;width: 80px;height:100%;position: fixed;left: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;">▲ Вверх</div>');

jQuery (window).scroll (function () {
if (jQuery (this).scrollTop () > 100) {
jQuery ('.button-up').fadeIn();
} else {
jQuery ('.button-up').fadeOut();
}
});

jQuery('.button-up').click(function(){
jQuery('body,html').animate({
scrollTop: 0
}, 800);
return false;
});

jQuery('.button-up').hover(function() {
jQuery(this).animate({
'opacity':'1',
}).css({'background-color':'#e7ebf0','color':'#6a86a4'});
}, function(){
jQuery(this).animate({
'opacity':'0.7'
}).css({'background':'none','color':'#d3dbe4'});;
});

});
</script>
Если надо что бы было справа то в скрипте выделенное left замените на right

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: Кнопка вверх как вконтакте

Сообщение автор MakcMay в Чт 27 Дек - 19:21

Огромное спасибо =) То что нужно. Волшебник настоящий smile

Решено solved

MakcMay
 
 

Пол : Мужчина
Сообщения : 586
Возраст : 25
Место обитания : Украина
Настроение : Атмосферное smile
Карма : Без предупреждений
Благодарности : 102
Регистрация : 2011-12-12

http://pawno.wikiforum.net

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения