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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Как сделать всплывающую ссылку "назад" как в ВК ?

Страница 1 из 2 1, 2  Следующий

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

Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Сказочник Зазеркалья в Вт 1 Янв - 1:53

Всем приветик girl_yes
Пожалуйста помогите с одной проблемой pardon
Возможно ли сделать одну штучку как на сайте В контакте ?
Вот эта функция:



Хотелось бы сделать такое,чтобы эта штучка была сбоку и появлялась всегда,когда юзер или гость переходят с главной допустим в категорию pardon
В одной из тем уважаемый Домовой поделился скриптом,который позволяет делать всплывающую ссылку"Наверх" 22
Теперь думаю может можно и такое сделать pardon
Пожалуйста помогите rose


Последний раз редактировалось: Кардинал Мишель Картер (Пт 4 Янв - 21:40), всего редактировалось 1 раз(а)

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3550
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 687

Без предупреждений

http://help.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Пт 4 Янв - 6:43

Привет . Да была уже эта тема , и при чём сама же и открывала . И решение Домовой сказал , и спасибо ты ему говорила yes

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Сказочник Зазеркалья в Пт 4 Янв - 6:48

@Леший пишет:Привет . Да была уже эта тема , и при чём сама же и открывала . И решение Домовой сказал , и спасибо ты ему говорила yes
Привет х)
Если ты об этой теме : http://help.forum2x2.ru/t29712-topic
То это совсем другое pardon

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3550
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 687

Без предупреждений

http://help.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Пт 4 Янв - 6:54

У кого то я уже видел это из форумчан , при чём совсем не давно

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Сказочник Зазеркалья в Пт 4 Янв - 7:07

@Леший пишет:У кого то я уже видел это из форумчан , при чём совсем не давно
Я думаю что это не так уж и сложно, хотя кто знает 17
Нужно дождаться специалистов,может кто нибудь знает такой скрипт flag

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3550
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 687

Без предупреждений

http://help.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Пт 4 Янв - 14:31

удалите скрипт что я давал в той теме и поставьте этот
Код:
<script type="text/javascript" src="http://yourjavascript.com/4331281581/vk-up-back.js"></script>

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Пт 4 Янв - 14:47

@Домовой пишет:удалите скрипт что я давал в той теме и поставьте этот
Код:
<script type="text/javascript" src="http://yourjavascript.com/4331281581/vk-up-back.js"></script>

А для ВВ3 применимо ???

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Пт 4 Янв - 14:57

@Леший пишет:

А для ВВ3 применимо ???
в виджет

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Пт 4 Янв - 15:06

Что то не работает unknown Поставил в виджет с лева , может это из за скрытия их кнопкой , но с права тоже не работает . Что я забыл ???

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Пт 4 Янв - 17:12

У меня в правом виджете, работает
http://domovoybb3.rossiaforum.com/

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Пт 4 Янв - 18:09

Добил я её всё таки , заработала . А можно в скрипте фон менять ??? этот как то не очень

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Сказочник Зазеркалья в Пт 4 Янв - 18:16

@Домовой пишет:удалите скрипт что я давал в той теме и поставьте этот
Код:
<script type="text/javascript" src="http://yourjavascript.com/4331281581/vk-up-back.js"></script>
Здравствуйте уважаемый Домовой girl_yes
Работает просто отлично 12
Подскажите а есть настройки для него,чтобы можно было настраивать чтобы не было у него фона ?)
То есть чтобы видно было слово Назад, а самого серого фона не было ? pardon

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3550
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 687

Без предупреждений

http://help.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Пт 4 Янв - 21:27

могу конечно в скрипт внести изменение но можете просто в css втавить код
Код:
#topvk:hover{
background:transparent !important;
}
Вставить код даже лучше, потому что при желании можно даже поменять фон
к примеру
Код:
#topvk:hover{
background:#228B22 !important;
}
а так можно поменять цвет ссылки
Код:
#topvk nobr{
color:#006400 !important;
}

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Пт 4 Янв - 21:32

Эххх красота . Не хотел фигню эту ставить , но с таким раскладом оформления даже не знаю )))) блин , может всё-таки нужна это фиговинка ))))

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Пт 4 Янв - 21:34

По мне так тот первый вариант который просто вверх направляет лучше.
Функция Назад считаю лишней.

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Сказочник Зазеркалья в Пт 4 Янв - 21:37

@Домовой пишет:могу конечно в скрипт внести изменение но можете просто в css втавить код
Код:
#topvk:hover{
background:transparent !important;
}
Вставить код даже лучше, потому что при желании можно даже поменять фон
к примеру
Код:
#topvk:hover{
background:#228B22 !important;
}
а так можно поменять цвет ссылки
Код:
#topvk nobr{
color:#006400 !important;
}

Домовой ещё раз спасибо вам огромное girl_yes
Темку можно закрывать clapping

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3550
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 687

Без предупреждений

http://help.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Пт 4 Янв - 21:43

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

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Пт 4 Янв - 21:48

надпись можно.
Да и расположение думаю можно.
Надо в скрипте поковырять

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Пт 4 Янв - 21:55

@Домовой пишет:надпись можно.
Да и расположение думаю можно.
Надо в скрипте поковырять

Понятно ))) Хотябы наводку можно ??? Где ковырятся ??? pardon Мне только чтоб текст сменить и надпись по ниже . Но если готовое то только ОГРОМНОЕ СПАСИБО wink

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Пт 4 Янв - 22:06

Вот исходник, крути до посинения)))
Код:
/*
Копия кнопки сайта vk.com "вверх и назад"
*/
$(document).ready(function(){$("#topvk").css('display','none');$(function(){$('#topvk').click(function(){$('html, body').stop().animate({scrollTop:$("body").offset().top},0)})});if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}});jQuery(window).scroll(function(){if(jQuery(window).scrollTop()>100){$("#topvk").show();$('#topvk nobr').text('Наверх').removeAttr('class');$('#topvk').removeAttr('onclick')}else{if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}}});document.write('<style>#topvk nobr{opacity:0.3;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-moz-transition-property:opacity;-moz-transition-duration:200ms;}#topvk:hover nobr{opacity:1;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;}.back{background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left -22px!important;}#topvk{top:0px;left:0px;padding:13px 0 13px;cursor:pointer;display:none;width:100px;height:100%;position:fixed;cursor:pointer;-webkit-transition-property:background;-webkit-transition-duration:200ms;-moz-transition-property:background;-moz-transition-duration:200ms;}#topvk:hover{background:#e1e7ed;}</style><div id="topvk"><nobr id="stl_text">Наверх</nobr></div>');

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Пт 4 Янв - 22:11

@Домовой пишет:Вот исходник, крути до посинения)))
Код:
/*
Копия кнопки сайта vk.com "вверх и назад"
*/
$(document).ready(function(){$("#topvk").css('display','none');$(function(){$('#topvk').click(function(){$('html, body').stop().animate({scrollTop:$("body").offset().top},0)})});if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}});jQuery(window).scroll(function(){if(jQuery(window).scrollTop()>100){$("#topvk").show();$('#topvk nobr').text('Наверх').removeAttr('class');$('#topvk').removeAttr('onclick')}else{if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}}});document.write('<style>#topvk nobr{opacity:0.3;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-moz-transition-property:opacity;-moz-transition-duration:200ms;}#topvk:hover nobr{opacity:1;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;}.back{background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left -22px!important;}#topvk{top:0px;left:0px;padding:13px 0 13px;cursor:pointer;display:none;width:100px;height:100%;position:fixed;cursor:pointer;-webkit-transition-property:background;-webkit-transition-duration:200ms;-moz-transition-property:background;-moz-transition-duration:200ms;}#topvk:hover{background:#e1e7ed;}</style><div id="topvk"><nobr id="stl_text">Наверх</nobr></div>');


А это что такое в старте кода ??? Копия кнопки сайта vk.com "вверх и назад" Это нормально ??? Работой на завтра обеспечен ))))

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Сказочник Зазеркалья в Пт 4 Янв - 22:13

@Леший пишет:
@Домовой пишет:Вот исходник, крути до посинения)))
Код:
/*
Копия кнопки сайта vk.com "вверх и назад"
*/
$(document).ready(function(){$("#topvk").css('display','none');$(function(){$('#topvk').click(function(){$('html, body').stop().animate({scrollTop:$("body").offset().top},0)})});if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}});jQuery(window).scroll(function(){if(jQuery(window).scrollTop()>100){$("#topvk").show();$('#topvk nobr').text('Наверх').removeAttr('class');$('#topvk').removeAttr('onclick')}else{if(document.referrer==''){$("#topvk").hide()}else{$("#topvk").show();$('#topvk nobr').text('Назад').removeAttr('class').attr('class','back');$('#topvk').attr('onclick','window.location=\''+document.referrer+'\'')}}});document.write('<style>#topvk nobr{opacity:0.3;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-moz-transition-property:opacity;-moz-transition-duration:200ms;}#topvk:hover nobr{opacity:1;height:14px;padding:0px 20px;margin:0 31px 0 15px;font-weight:bold;font-family:tahoma,arial,verdana,sans-serif,Lucida Sans;font-size:11px;color:#45688e;background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left 3px;}.back{background:url(http://i13.servimg.com/u/f13/14/80/95/87/vk_up_10.gif) no-repeat left -22px!important;}#topvk{top:0px;left:0px;padding:13px 0 13px;cursor:pointer;display:none;width:100px;height:100%;position:fixed;cursor:pointer;-webkit-transition-property:background;-webkit-transition-duration:200ms;-moz-transition-property:background;-moz-transition-duration:200ms;}#topvk:hover{background:#e1e7ed;}</style><div id="topvk"><nobr id="stl_text">Наверх</nobr></div>');


А это что такое в старте кода ??? Копия кнопки сайта vk.com "вверх и назад" Это нормально ??? Работой на завтра обеспечен ))))

Это имя скрипта pardon

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3550
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 687

Без предупреждений

http://help.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Пт 4 Янв - 22:19

Это имя скрипта

Мне главное чтоб на код это не влияло если я удалю это .
Пожалуйста тему не закрывайте 31

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Пт 4 Янв - 22:36

Кардинальша , ну ты чего , просил же не закрывать тему pardon

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Пт 4 Янв - 23:26

Леший, если тебе не нужна опция НАЗАД то рекомендую поставить лучше это
<script type="text/javascript">
jQuery(document).ready(function() {

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

jQuery('body').append('<div class="button-up" style="display: none;opacity:0.8;width: 80px;height:100%;position: fixed;right: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;font-family:Georgia; font-size:12px;">▲ Наверх</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
красным выделен цвет фона при наведении на поле
если вместо кода цвета поставить none то фона не будет

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Сб 5 Янв - 7:58

Домовой Спасибо Преогромнейшее . Я как раз дошёл до момента сменить цвет 39 Блин , как у Вас Знатаков всё просто ))) раз и поправил .

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Сб 5 Янв - 9:44

Вот как прозрачность меняется полосы ??

jQuery('body').append('<div class="button-up" style="display: none;opacity:0.8;width:

Это же здесь менять ??? и положение самой надписи и цвет её . Не могу ни как добить nea Что то совсем ни как не идёт у меня сегодня pardon

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Сб 5 Янв - 10:22

@Леший пишет:Вот как прозрачность меняется полосы ??

найди в скрипте 'opacity':'1', и замени к примеру на 'opacity':'0.7',

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Домовой в Сб 5 Янв - 10:26

<script type="text/javascript">
jQuery(document).ready(function() {

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

jQuery('body').append('<div class="button-up" style="display: none;opacity:0.8;width: 80px;height:100%;position: fixed;right: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;font-family:Georgia; font-size:12px;">▲ Наверх</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>
цвет ссылки
цвет ссылки при наведении курсора
расположение

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

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

Re: Как сделать всплывающую ссылку "назад" как в ВК ?

Сообщение автор Леший в Сб 5 Янв - 10:30

@Домовой пишет:
@Леший пишет:Вот как прозрачность меняется полосы ??

найди в скрипте 'opacity':'1', и замени к примеру на 'opacity':'0.7',

Да я менял , от 0 до 5 и в обратную сторону unknown Глюк какойто :88:

Леший
 

Мужчина

Сообщения : 2123
Регистрация : 2012-10-05
Благодарности : 345

Без предупреждений

http://black-kat.forum2x2.ru

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

Страница 1 из 2 1, 2  Следующий

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


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