フロントエンドシームレススクロール
2780 ワード
画像とjqueryを変更し、対応する幅があれば使用できます.
実際に画像を置くよりも1枚多く、最後から2枚目を最後の1枚に切り替えて完成したばかりのとき、一瞬にしてul全体をleftが0に等しい位置に移動し、次に私たちが見たのは1枚目から2枚目の画像の切り替えなので、最後の1枚目が直接1枚目に切り替わるような違和感はありません.オンラインdemoアドレス:www.aazzp.com オンラインdemoアドレス:www.aazzp.com
同類の文章
先端垂直中央 jqueryベースのマスクポップアップボックス
実際に画像を置くよりも1枚多く、最後から2枚目を最後の1枚に切り替えて完成したばかりのとき、一瞬にしてul全体をleftが0に等しい位置に移動し、次に私たちが見たのは1枚目から2枚目の画像の切り替えなので、最後の1枚目が直接1枚目に切り替わるような違和感はありません.
$(function(){
function slideImg(obj,width){//
var children = obj.children('li').length - 1;
setInterval(function(){
var left = parseInt(obj.css('left'));
if(left<=-width*children){
obj.css('left',0);
left = -width;
}else{
left -= width;
}
left = left+ 'px';
obj.animate({left: left});
},2000) ;//
}
slideImg($('#slide-box').find('ul'),615); // ul
})
同類の文章
先端垂直中央 jqueryベースのマスクポップアップボックス