X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Прокрутка
nickgu
nickgu
Topic Starter сообщение 9.2.2011, 18:03; Ответить: nickgu
Сообщение #1


Подскажите, пожалуйста, как сделать такую прокрутку текста/картинки при нажатии на кнопку, как здесь
http://www.nikebetterworld.com/index#/Power_of_Sport. Ссылка неправильно открывается. Я имею ввиду эффект прокрутки по кнопки MORE, где по центру написан If you have a torso, you're an athlete.

Может кто-нибудь видел готовый скрипт такой?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
forest69
forest69
сообщение 9.2.2011, 20:01; Ответить: forest69
Сообщение #2


На Jquery:

[JS]
$(document).ready(function(){

var buttonVert = {
'#top a.down' : 0,
'#mid a.up' : '100%',
'#mid a.down' : '-100%',
'#bot a.up' : 0
}

var b = $('body');

$.each(buttonVert,function(key,val){
$(key).click(function(){
b.animate({marginTop:val});
return false;
});
});

});
[/JS]

<div id="top">
<div>
<h1>TOP</h1>

<a href="#" class="down">Down</a>
</div>
</div>

<div id="mid">
<div>
<h1>MID</h1>
<a href="#" class="up">Up</a>
<a href="#" class="down">Down</a>
</div>
</div>

<div id="bot">
<div>
<h1>BOT</h1>
<a href="#" class="up">Up</a>
</div>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nickgu
nickgu
Topic Starter сообщение 9.2.2011, 22:31; Ответить: nickgu
Сообщение #3


Поясните, пожалуйста, потому что я вставил код и вот что вышло. Нажимаю на ссылки - ничего не происходит:

TOP
Down
MID
Up Down
BOT
Up
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
www3_hb
www3_hb
сообщение 9.2.2011, 22:37; Ответить: www3_hb
Сообщение #4


а вы попробуйте поставить перед тегом </body> много <br> так чтобы прокрутка появилась а потом нажмите на одну из надписи
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nickgu
nickgu
Topic Starter сообщение 9.2.2011, 22:57; Ответить: nickgu
Сообщение #5


Хм, я, наверно, о другом говорю.
[attachment=37462:1.jpg]
Событие, которое происходит при нажатии на кнопку "MORE"

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Автоматическая прокрутка табов JS
0 x-line 2627 4.10.2015, 20:34
автор: -x-line-
Открытая тема (нет новых ответов) прокрутка вручную вместо автопрокрутки
1 LLIurup 6665 26.3.2011, 23:44
автор: -samedi-


 



RSS Текстовая версия Сейчас: 29.3.2024, 14:49
Дизайн