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

51

alexneon

10 ноября 2012, 17:50

3038

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

1

266

WebAlt

10 ноября 2012, 18:47

#1

3-ий пост:

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

2

675

vandamme

10 ноября 2012, 19:55

#2

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

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

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

1

222

Ctulhu

10 ноября 2012, 23:30

#3

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

https://atabekov.business

71

palladin_jedi

10 ноября 2012, 23:45

#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.

51

alexneon

11 ноября 2012, 08:24

#5

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

222

Ctulhu

11 ноября 2012, 18:15

#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;

}

Будут ли учитываться такие Сделать так, что бы Продвижение через форумы

71

palladin_jedi

12 ноября 2012, 08:53

#7

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

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

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ

VK приобрела 70% в структуре компании-разработчика red_mad_robot