jQuery Sepanduk pusingan imej menukar kesan khas
<skrip>
$(fungsi () {
/*图片位置数据*/
var datas = [
{'z-index': 6, kelegapan: 1, lebar: 760, tinggi: 330, atas: 40, kiri: 0},
{'z-index': 4, kelegapan: 0.6, lebar: 560, tinggi: 243, atas:80, kiri: -225},
{'z-index': 3, kelegapan: 0.4, lebar: 480, tinggi: 203, atas: -10, kiri: -170},
{'z-index': 2, kelegapan: 0.2, lebar: 620, tinggi: 269, atas: -60, kiri: 110},
{'z-index': 3, kelegapan: 0.4, lebar: 480, tinggi: 203, atas: -10, kiri: 430},
{'z-index': 4, kelegapan: 0.6, lebar: 560, tinggi: 243, atas: 80, kiri: 420},
]
bergerak();
function move() {
/*图片分布*/
untuk (var i = 0; i < datas.length; i++) {
var data = datas[i];
$('#slide ul li').eq(i).css('z-index',data['z-index']);
$('#slide ul li').eq(i).stop().animate(data, 1200);
}
}
/*左箭头事件*/
$('.prev').on('click', function () {
var last = datas.pop();
datas.unshift(last);
bergerak();
})
/*右箭头事件处理函数*/
fungsi seterusnyaYewu(){
var first = datas.shift();
datas.push(first);
bergerak();
}
/*右箭头事件*/
$('.next').on('click', nextYewu);
/*自动播放*/
var timer = setInterval(function(){
nextYewu();
},5000);
/*鼠标进入slide显示箭头,清除自动播放*/
$('#slide').on({
mouseenter: function () {
$('.arrow').css('display', 'block');
Menjadi ClearInterval (pemasa);
}, mouseleave: function () {
$('.arrow').css('display', 'none');
secara automatik
Menjadi ClearInterval (pemasa);
pemasa = setInterval(function(){
Nextyewu ();
},5000)
}
})
})
</skrip>
Ini ialah kesan khas penukaran imej sepanduk tapak web dan kod penukaran putaran imej jQuery yang meniru halaman fakulti Pendidikan Haifeng.
Semua sumber di laman web ini disumbangkan oleh netizen atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk rujukan pembelajaran sahaja. Tolong jangan gunakannya untuk tujuan komersial. Jika tidak, anda akan bertanggungjawab untuk semua akibat! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadamkannya. Maklumat hubungan: admin@php.cn
Artikel Berkaitan
16 May 2016
Artikel ini terutamanya memperkenalkan kesan beralih kecondongan imej jquery Ia disyorkan kepada semua orang yang memerlukan boleh merujuknya.
16 May 2016
Artikel ini terutamanya memperkenalkan kesan karusel imej ringkas jquery Kesan karusel imej amat sesuai untuk paparan produk. Rakan yang berminat boleh merujuknya.
16 May 2016
Artikel ini terutamanya memperkenalkan jQuery untuk melaksanakan kesan karusel imej Kesan karusel imej amat sesuai untuk paparan produk. Rakan yang berminat boleh merujuknya.
16 May 2016
Artikel ini terutamanya memperkenalkan kesan penukaran imej fokus jQuery Kesan karusel imej amat sesuai untuk paparan produk dan memperkayakan kandungan web.
16 May 2016
Artikel ini terutamanya memperkenalkan kod jquery untuk melaksanakan kesan khas karusel imej mendatar Kesannya sangat indah dan kaedah pelaksanaannya sangat mudah saya harap anda akan menyukainya.
16 May 2016
Artikel ini terutamanya memperkenalkan kesan karusel imej fokus tab kanan jQuery, kod karusel imej fokus yang segar dan cantik, rakan yang memerlukan boleh merujuknya.
16 May 2016
Artikel ini terutamanya memperkenalkan kesan khas imej fokus pemadam mendatar JQuery dengan ciri-ciri tersendiri akan menarik perhatian pengguna dan menjadikan pengguna berminat untuk melayari tapak web Sekarang editor mengesyorkan peta Fokus, berminat kawan-kawan boleh rujuk.
24 Oct 2023
HTML, CSS dan jQuery: Teknik untuk melaksanakan kesan zum masuk dan zum keluar imej, contoh kod khusus diperlukan Dengan pembangunan Internet, reka bentuk halaman web memberi perhatian yang lebih kepada pengalaman pengguna. Antaranya, gambar, sebagai salah satu elemen penting dalam reka bentuk web, selalunya boleh membawa pengguna pengalaman visual yang intuitif dan kaya. Kesan khas mengezum masuk dan keluar imej boleh meningkatkan persepsi dan interaksi pengguna dengan kandungan web, jadi ia digunakan secara meluas dalam reka bentuk web. Artikel ini akan memperkenalkan cara menggunakan HTML, CSS dan jQuery untuk mencapai kesan khas zum masuk dan keluar imej, dan menyediakan
16 May 2016
Artikel ini akan berkongsi dengan anda kesan penukaran putaran ikon cincin berdasarkan jQuery. Ini ialah menu ikon klik tetikus bulat mengikut arah jam atau lawan jam kod penukaran putaran. Rakan-rakan yang memerlukan boleh merujuknya.
Hot Tools
jQuery2019 Kesan Khas Animasi Bunga Api Pengakuan Hari Valentine
Kesan khas animasi bunga api pengakuan Hari Valentine jQuery yang sangat popular pada Douyin, sesuai untuk pengaturcara dan pakar teknikal untuk menyatakan cinta mereka kepada gadis yang mereka cintai Tidak kira anda suka atau tidak, anda perlu bersetuju pada akhirnya.
templat antara muka log masuk animasi responsif layui
templat antara muka log masuk animasi responsif layui
520 Kesan khas animasi web pengakuan Hari Valentine
jQuery Animasi Pengakuan Hari Valentine, Animasi Latar Belakang 520 Pengakuan
Halaman log masuk sistem yang keren
Halaman log masuk sistem yang keren
Pemain muzik pita HTML5-CASSETTE PLAYER
Pemain muzik pita HTML5-CASSETTE PLAYER