masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > JQuery循环滚动图片代码_jquery

JQuery循环滚动图片代码_jquery

WBOY
Lepaskan： 2016-05-16 17:58:29
asal
1301 orang telah melayarinya
复制代码 代码如下:

function refresh() {
var s = $(".box1");
if (!s.is(":animated"))
$(".box1").animate({ marginLeft: "0px" }, "slow", function () {
$('.box1 img:first').before($('.box1 img:last'));
$(".box1").css("margin-left", "-206px");
});
}


.box1
{
width:1200px;
overflow:hidden;
margin-left:-206px;
}
.frame
{
width:620px;
overflow:hidden;
}

图片宽度默认206px，没设定
Label berkaitan：
循环滚动
sumber：php.cn
Artikel sebelumnya：整理8个很棒的 jQuery 倒计时插件和教程_jquery Artikel seterusnya：jquery focus(fn),blur(fn)方法实例代码_jquery
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Kumpulkan hasil MySQL mengikut ID untuk menggelung Saya mempunyai jadual dengan data penerbangan dalam mysql. Saya sedang menulis kod php yan...
daripada 2024-04-06 17:27:56
0
1
406
untuk gelung secara rawak pergi dari 1 hingga 0 Pada asasnya, setiap kali halaman dimuat semula, gelung for berpotensi berubah daripada 1 ...
daripada 2024-04-06 16:48:14
0
1
393
React Three Fiber: Mengapa acara skrol saya ketinggalan? Dalam ReactThreeFiber, saya mempunyai komponen React yang menghasilkan sprite yang saya ma...
daripada 2024-04-06 13:39:24
0
1
410
Sembunyikan/tunjukkan div pada klik dan tatal Saya ingin mencipta borang carian tersembunyi yang muncul apabila kita mengklik pada ikon ...
daripada 2024-04-06 12:20:46
0
1
386
Cara mengemas kini kebergantungan komponen React dalam useEffect tanpa membuat gelung tak terhingga Saya mempunyai komponen React di mana saya perlu menunggu nilai yang disimpan (ahli) dikem...
daripada 2024-04-05 14:31:46
0
1
1383
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan