ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery は配列を使用して画像を書き込み、シームレスにスクロールする left_jquery

jQuery は配列を使用して画像を書き込み、シームレスにスクロールする left_jquery

WBOY
WBOYオリジナル
2016-05-16 17:46:55986ブラウズ

jQuery プログラミングは、8 枚の画像のセットを実装します。Web ページに入ると、最初に最初の 4 枚の画像が表示され、最後の 4 枚の画像が表示されたときに画面のスクロールが停止するまで、自動的に左にスクロールします。
次は jQuery コードです:

コードをコピーします コードは次のとおりです:

$(document) .ready(function() {
var $images = $('#images img');
var imgs = $images.length;
var next_img;
for (var i=0; ijQuery は配列を使用して画像を書き込み、シームレスにスクロールする left_jquerynext_img=$images.eq(i)
scroll(next_img);
});スクロール関数、アニメーション関数を使用します。
functionscroll(image) {
image.animate({'left':-485},5000);

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。