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

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


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

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

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


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

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

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

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

Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Январь 1st 2013, 01:53

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



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


Последний раз редактировалось: Кардинал Мишель Картер (Январь 4th 2013, 21:40), всего редактировалось 1 раз(а)
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Леший в Январь 4th 2013, 06:43

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Сказочник Зазеркалья в Январь 4th 2013, 06:48

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Леший в Январь 4th 2013, 06:54

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Сказочник Зазеркалья в Январь 4th 2013, 07:07

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Домовой в Январь 4th 2013, 14:31

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

Мужчина

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

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

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

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

Сообщение автор Леший в Январь 4th 2013, 14:47

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

А для ВВ3 применимо ???
avatar
Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Домовой в Январь 4th 2013, 14:57

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

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

Мужчина

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

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

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

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

Сообщение автор Леший в Январь 4th 2013, 15:06

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Домовой в Январь 4th 2013, 17:12

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

Мужчина

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

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

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

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

Сообщение автор Леший в Январь 4th 2013, 18:09

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

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

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Домовой в Январь 4th 2013, 21:27

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

Мужчина

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

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

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

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

Сообщение автор Леший в Январь 4th 2013, 21:32

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Домовой в Январь 4th 2013, 21:34

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

Мужчина

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

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

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

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

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

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

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Леший в Январь 4th 2013, 21:43

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Домовой в Январь 4th 2013, 21:48

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

Мужчина

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

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

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

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

Сообщение автор Леший в Январь 4th 2013, 21:55

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

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Домовой в Январь 4th 2013, 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>');
avatar
Домовой
 

Мужчина

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

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

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

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

Сообщение автор Леший в Январь 4th 2013, 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 "вверх и назад" Это нормально ??? Работой на завтра обеспечен ))))
avatar
Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Сказочник Зазеркалья в Январь 4th 2013, 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
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Леший в Январь 4th 2013, 22:19

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

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Леший в Январь 4th 2013, 22:36

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Домовой в Январь 4th 2013, 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 то фона не будет
avatar
Домовой
 

Мужчина

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

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

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

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

Сообщение автор Леший в Январь 5th 2013, 07:58

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Леший в Январь 5th 2013, 09:44

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

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

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Домовой в Январь 5th 2013, 10:22

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

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

Мужчина

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

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

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

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

Сообщение автор Домовой в Январь 5th 2013, 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>
цвет ссылки
цвет ссылки при наведении курсора
расположение
avatar
Домовой
 

Мужчина

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

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

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

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

Сообщение автор Леший в Январь 5th 2013, 10:30

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

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

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

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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

Вернуться к началу

- Похожие темы

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