jQuery では、「slideIn」と「slideOut」を使用してコンテンツを上下にスライドできますが、左右にスライドするものはありません。
独自のカルーセルを作成し、コンテンツを水平方向にスライドさせたい。
新しいコンテンツを所定の位置にスライドさせて、コンテンツを水平にスライドさせるにはどうすればよいですか。コンテンツは、画像とテキストが混在する任意のコンテンツである必要があります。
jQuery の疑似コードは次のようになります。
$('YOURELEMENT').animate({
left : x
}, TIME);
animate()
横方向にスライド効果を作ることができます。
$('#element').animate(/* properties [, duration ] [, easing ] [, complete ] */);
例:
http://jsfiddle.net/sg3s/rs2QK/
slideup()
内部での仕組み:
function (speed, callback) {
return this.animate({
height: "hide"
},
speed, callback);
}