Я искал всюду для НЕКОТОРЫХ видов информации о том, могу ли я это сделать, и если да, КАК?
Я должен был сделать PowerPoint для назначения eCommerce, а вместо этого попросил сделать веб-страницу, поскольку я предпочитаю писать HTML, чем работать с PowerPoint. Я разговаривал с человеком рядом со мной, и в конце концов он поспорил, что я не мог заставить свой сайт выглядеть и работать как PowerPoint, поэтому я взял его на себя. Так что я могу перейти с одной страницы на другую, нажав, допустим, стрелку вправо? Любая помощь приветствуется!
Используйте Impress js: http://bartaz.github.io/impress.js/
Это плагин jquery для презентаций с поддержкой PowerPoint (и предлагает гораздо больше)
Существует много возможностей сделать сайт похожим на приложение PowerPoint. С jQuery (которая является моей любимой библиотекой JavaScript) легко определить ключевые штрихи.
$(document).keypress(function(e) {
if(e.which == 39){
//Right arrow key, now trigger an event or a function. Could be for example: loading new data into a div with ajax or sliding your content so that the next screen is shown.
}
});
См. Эту страницу, чтобы идентифицировать коды Char: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
jQuery также предлагает метод анимации (https://api.jquery.com/animate/), который можно использовать для создания плавных анимаций, слайдов, а что нет. Благодаря знаниям в HTML, CSS и jQuery вы можете легко сделать приложение, похожее на PowerPoint.
Приветствия.
Это довольно просто со стандартным javascript (IE не нужно загружать библиотеку).
Предполагая, что каждая страница имеет свой собственный URL-адрес, вы должны добавить событие "onkeypress" в тело, которое выполняет действия на основе конкретной клавиши, нажатой с помощью event.keyCode
.
Например
<script>
function navigate( event ) {
if ( event.keyCode == 39 ) {
// right arrow pressed
window.location.href = "the url of your next page";
}
if ( event.keyCode == 37 ) {
// left arrow pressed
window.location.href = "the url of your previous page";
}
}
</script>
<body onkeypress="navigate( event )">
...
Есть более элегантные решения, но это должно вас начать.
Когда у вас есть принцип, в основном работающий, вы можете узнать, что такое keyCodes с console.log( event.keyCode );
, или искать их в Интернете (есть много ссылочных сайтов)