2013-08-14 2 views
2

В jQuery вы можете перемещать содержимое вверх или вниз с помощью «slideIn» и «slideOut», но ничего не сдвигается влево или вправо.Содержание слайдов html горизонтально

Я хочу построить собственную карусель и слайд-контент по горизонтали.

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

ответ

2

псевдопользователей код в JQuery будет что-то вроде:

$('YOURELEMENT').animate({ 
    left : x 
}, TIME); 
+0

Итак, функции скольжения вверх/вниз - это всего лишь подмножество функции анимации? – AndroidDev

+0

Я так считаю, есть также JSFiddle, который я нашел: http://jsfiddle.net/DcWS2/10/ –

+1

@AndroidDev Я обновил свой ответ на примере того, как он работает внутри страны. – Johan

1

Вы можете использовать animate(), чтобы сделать слайд-эффект горизонтально.

$('#element').animate(/* properties [, duration ] [, easing ] [, complete ] */); 

Пример:

http://jsfiddle.net/sg3s/rs2QK/

slideup() Как работает внутри:

function (speed, callback) { 
    return this.animate({ 
     height: "hide" 
    }, 
    speed, callback); 
} 
+1

Круто. Хороший сайт для тестирования. Узнавайте что-то новое каждый день. Благодаря! – AndroidDev

Смежные вопросы