Форум Сайтостроение Веб-строительство

Кнопка "вверх" как на кинопоиске

alexneon
На сайте с 17.08.2009
Offline
51
alexneon
3038

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

WebAlt
На сайте с 02.12.2007
Offline
266
WebAlt
#1

3-ий пост:

http://talkwebber.ru/topic/27593-vidernite-skrip/#entry262049

vandamme
На сайте с 30.11.2008
Offline
675
vandamme
#2

чет там яваскрипт огромный

вот полегче http://jemand.ru/knopka-vverx-na-css-jquery/

jquery вообще на сайте полезно иметь :)

Ctulhu
На сайте с 21.05.2005
Offline
222
Ctulhu
#3

Только что с кинопоиска с таким же вопросом :D

https://atabekov.business
palladin_jedi
На сайте с 13.07.2010
Offline
71
palladin_jedi
#4

Простой скрипт скролла наверх:

$(".arrow-up").click(function(){
            var scroll_value = 0;

            $('html, body').animate({scrollTop:scroll_value}, 'slow'); //анимацию можно выбрать по вкусу.
	    return false;
        })

Оригинальный скрипт Кинопоиска усложнён целой кучей элементов, включая брендирование сайта.

Сайт о web-разработке и прочем (http://seazo.net)||Продвижение статьями под Google (http://short.seazo.net/ght4zf) Бесплатные консультации рефералам Sape (http://www.sape.ru/r.SWfwWOblBo.php) PHP и JS скрипты на заказ, создание сайтов с нуля и на CMS.
alexneon
На сайте с 17.08.2009
Offline
51
alexneon
#5

Всем спасибо за ответы сейчас буду пробовать )

Ctulhu
На сайте с 21.05.2005
Offline
222
Ctulhu
#6

palladin_jedi, а картинка?

---------- Добавлено 11.11.2012 в 23:22 ----------

Вот мне вот это понравилось http://www.webpress.uz/Alexandr/jQuery/Knopka-vverh-na-JQuery-dlya-bystrogo-perehoda-v-nachalo-stranitsy/

Без графики, на CSS

---------- Добавлено 11.11.2012 в 23:52 ----------

Кстати, для примера по моей ссылке я добавил в CSS padding для ссылки, чтоб было удобнее. Юзеру можно наводить курсор не на ссылку, а на целую область, фактически так получается как раз кнопка. 

#buttonUp a {

	font:12px Tahoma;

	color:#fff;

	padding:10px 38px;

}
Будут ли учитываться такие Сделать так, что бы Продвижение через форумы
palladin_jedi
На сайте с 13.07.2010
Offline
71
palladin_jedi
#7
Ctulhu:
palladin_jedi, а картинка?

Ну картинку обычно можно выдрать\подобрать по своему вкусу и под дизайн сайта. ;)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий