// jquery
a = []; // где-то в глобале держим массив
$(window).on('keyup',function(e) {
console.log(e); // узнаем зачем нужен 'e'
// работаем в пределах window, можно изменить ХЗ что у Вас там
// так же можно сделать дополнительное условие if (e.key == 'Shift') {// если нажат Shift можно обнулить массив и начать все заново} или if (a[0] == 'Shift') {// проверка первой клавиши}
a.push(e.key); // пишем клавишу в массив
if (a.length > 1) {
// уже нажато две клавиши
// или тут можно сделать такое условие
if (a.indexOf('Shift') >= 0 && a.indexOf('ArrowRight') >= 0) {
console.log('условие выполнено');
move(a); // вызываем функцию
}
a = []; // обнуляем массив
}
});
function move(a) {
console.log(a);
}
<div class="content"></div>
<span class="loadMore">Тырк!</span>$('html').on('click','.loadMore',function() {
// 1. запрашиваем сервер $.ajax методом
// 2. что-то получаем от сервера, заносим в переменную (если сервер отдает HTML)
$('.content').append('переменная с ответом от сервера'); // 3. вставляем результат
});.wrapper {
width: 100%;
height: 200px;
padding: 20px;
background-color: orange;
}
button {
position: absolute;
width: 50px;
left: calc(50% - 50px);
top: 200px;
}
.first {
position: absolute;
top: 20px;
left: 50px;
width: 100px;
height: 100px;
background-color: lightgreen;
}
.second {
position: absolute;
right: 0;
height: 100px;
width: 100px;
margin: 0 50px 0 0;
background-color: indianred;
}
@keyframes first-animation {
100% {
left: 100%;
top: 80px;
height: 50px;
width: 50px;
margin: 0 0 0 -100px;
}
}
.first-animation {
animation: first-animation both 2s normal;
}
@keyframes second-animation {
100% {
height: 50px;
width: 50px;
}
}
.second-animation {
animation: second-animation both 2s normal;
}<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->