Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.74/23: Рейтинг темы: голосов - 23, средняя оценка - 4.74
Роcc
7 / 7 / 0
Регистрация: 15.10.2012
Сообщений: 180
1

Перелистывание страниц с помощью стрелочек клавиатуры

10.02.2013, 23:58. Просмотров 4470. Ответов 7
Метки нет (Все метки)

Здравствуйте! Такой вопрос.
Допустим у меня есть 2 страницы page1.php и page2.php

Как осуществить переход между этими страницами с помощью стрелочек клавиатуры?
Например как в этой презентации http://slides.html5rocks.com

Буду благодарен за помощь!
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
10.02.2013, 23:58
Ответы с готовыми решениями:

Читалка.перелистывание страниц
Надо организовать на сайте читалку, пока решил сделать чего попроще и сразу пришел в тупик....

Перелистывание страниц
Как сделать такое: вот как на форуме здесь скажем:Страница 1 - примерно 50 тем,страница 2 -...

Перелистывание страниц
На главной страницы большая таблица. Как сделать перелистывание на след и пред страницы? чтобы это...

Перелистывание страниц
Всем привет! Реализовываю парсинг страницы. Суть, захожу на 1 страницу записываю ссылки в эксель...

Перелистывание страниц
Всем привет! Подскажите пожалуйста как сделать на вордпресс чтоб выводилось по несколько записей...

7
crautcher
2075 / 2035 / 476
Регистрация: 27.05.2011
Сообщений: 6,998
11.02.2013, 12:39 2
это js
Javascript
1
2
3
4
5
6
$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       alert( "нажали в лево" );
       return false;
    }
});
коды клавиш
37 - left
38 - up
39 - right
40 - down
2
Роcc
7 / 7 / 0
Регистрация: 15.10.2012
Сообщений: 180
11.02.2013, 14:41  [ТС] 3
Пишу

HTML5
1
2
3
4
5
6
7
8
9
10
<body>
<script language="javascript"> 
$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       alert( "нажали в лево" );
       return false;
    }
});
 </script>
</body>
Ничего не пишет В чем дело?
0
crautcher
2075 / 2035 / 476
Регистрация: 27.05.2011
Сообщений: 6,998
11.02.2013, 15:56 4
тут используется библиотека jquery , надо ее подрубить
Javascript
1
2
3
4
5
6
7
8
9
10
11
<body>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript"> 
$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       alert( "нажали в лево" );
       return false;
    }
});
 </script>
</body>
1
11.02.2013, 15:56
Роcc
7 / 7 / 0
Регистрация: 15.10.2012
Сообщений: 180
26.02.2013, 15:14  [ТС] 5
А можно как-то красиво все оформить? Например сделать эффект перелистывания как в книге или что-то еще?
0
crautcher
2075 / 2035 / 476
Регистрация: 27.05.2011
Сообщений: 6,998
26.02.2013, 17:16 6
в jquery много всяких плагинов - ищи или пиши сам
0
Роcc
7 / 7 / 0
Регистрация: 15.10.2012
Сообщений: 180
26.02.2013, 17:52  [ТС] 7
Вот нашел неплохой пример http://www.20thingsilearned.com/ru-RU/html/3

Добавлено через 22 секунды
Теперь осталось узнать как это сделать
0
crautcher
2075 / 2035 / 476
Регистрация: 27.05.2011
Сообщений: 6,998
26.02.2013, 18:03 8
малодец , и что ты мне предлагаешь разбирать исходный код их страницы и дать тебе готовый скрипт ?
Сам ковыряй код , я могу предложить :

урок пропадания текста перед перходом http://www.onextrapixel.com/2010/02/...e-transitions/ пример http://www.onextrapixel.com/examples/jquery-page-transitions/

тут рассматриваются 40 других эффектов http://www.tripwiremagazine.com/2012...tutorials.html
0
26.02.2013, 18:03
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.02.2013, 18:03

Плавное перелистывание страниц
По правде говоря не уверен что создаю тему в нужном разделе, но все же. Идея дизайна сайта - имеем...

Эффект перелистывание страниц
Здравствуйте. Мне нужно сделать альбом с эффектом перелистывание страниц, фото для альбома будут...

Перелистывание страниц в нескольких Frame
Здравствуйте! Вы не могли бы помочь разобраться с следующей проблемой. На главном окне разместил...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.