Rumah
hujung hadapan web
tutorial js
kaedah jquery untuk mencapai kesan paparan pusingan halaman blinds_jquery
hujung hadapan web
tutorial js
kaedah jquery untuk mencapai kesan paparan pusingan halaman blinds_jquery
kaedah jquery untuk mencapai kesan paparan pusingan halaman blinds_jquery
jquery
Kesan
kaedah
tunjuk
bidai
muka surat
Contoh dalam artikel ini menerangkan kaedah menggunakan jquery untuk mencapai kesan paparan tatal bidai halaman. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
1. Kod di sini memerlukan sokongan jquery1.3 atau lebih tinggi, seperti yang ditunjukkan di bawah:
Salin kod Kod adalah seperti berikut:
jQuery.fn.extend((
Fungsi($){
var l = 4,//Bilangan baris menatal
t=5000,//Selepas menatal sekali, berapa lama masa yang diperlukan untuk mula menatal pada kali seterusnya
rt=500,//Masa berlalu untuk setiap n skrol
n="li",//Teg HTML untuk ditatal
terkandung dalam objek tatal lalai o="ul",//Jika menatal, teg HTML
yang membungkus elemen tatal didayakan e,//Panggil objek
my,//Panggil koleksi semua objek untuk ditatal dalam objek
h;//Ketinggian baris tatal
var vLimit=80;//Lebih kecil sedikit daripada had visual 0.1s
var maxRnum=Math.ceil(rt/vLimit);//Bilangan maksimum skrol
var maxRh=0; // Setiap ketinggian skrol
var fnRollFirst=function(arg){//Gulung arg sebanyak 1 n, dan selepas selesai, alihkan n pertama ke kedudukan terakhir
var rCount=0; //Rekod kiraan tatal
var rVal=setInterval(function(){//Gelung setiap vLimit, untuk jumlah maxRnum-1 kali
rCount ;
arg.scrollTop(arg.scrollTop() maxRh);
If(rCount>=(maxRnum-1)){/1 kurang volum
; () h-maxRh*(maxRnum-1));//Nilai skrol terakhir diubah suai
//Alihkan elemen pertama ke penghujung
var nowN=arg.children(n);
nowN.eq(nowN.length-1).after(nowN.eq(0));
//Kedudukan pertama perlu diperbetulkan dengan gulung semula selepas ia dikosongkan
}; },vLimit);
};
var fnRollArr=function(arg){//Mula menatal satu per satu untuk objek dalam tatasusunan
var out=setInterval(function(){
fnRollFirst(arg.shift());
Jika(!arg.length){
; };
},rt); };
var fnRoll=function(){//Dapatkan koleksi objek yang perlu ditatal satu demi satu
var arr=new Array();
e.kanak-kanak(o).setiap(fungsi(){
var rn=$(ini).kanak-kanak(n);
Jika(rn.length>1){
arr.push($(ini));
};
});
set Interval(function(){
fnRollArr(arr.slice(0));
},t);
};
var fnLay=function(){//Layout halaman
h=ms.height();
var nu=Math.ceil(en.length/l);
var u=$("<" o ">");
u.css({"overflow":"hidden","height":h "px","margin-bottom":"15px"});
untuk(var i=0;i
};
var fnMain=function(){//Tatal kaedah utama
Jika(maxRnum>1){
fnLay();
maxRh=Math.ceil(h/maxRnum);
fnRoll();
};
};
var fnStart= function(arg){//Mulakan mod paparan
e=arg;
en = e.kanak-kanak(n);
en.show();
Jika(en.panjang>l){
fnMain();
} lain{
pulangan palsu;
};
};
kembali {
setLine: function(num){//Tetapkan bilangan baris untuk dibahagikan untuk menatal
(!isNaN(num) && num>0)?l=num:"";
kembalikan ini;
},
setMasa: function(num){//Selang tatal: milisaat
(!isNaN(num) && num>0)?t=num:"";
kembalikan ini;
},
startRoll: function(){//Mula menatal
fnMula(ini);
}
};
}
)(jQuery));
Fungsi($){
var l = 4,//Bilangan baris menatal
t=5000,//Selepas menatal sekali, berapa lama masa yang diperlukan untuk mula menatal pada kali seterusnya
rt=500,//Masa berlalu untuk setiap n skrol
n="li",//Teg HTML untuk ditatal
terkandung dalam objek tatal lalai o="ul",//Jika menatal, teg HTML
yang membungkus elemen tatal didayakan e,//Panggil objek
my,//Panggil koleksi semua objek untuk ditatal dalam objek
h;//Ketinggian baris tatal
var vLimit=80;//Lebih kecil sedikit daripada had visual 0.1s
var maxRnum=Math.ceil(rt/vLimit);//Bilangan maksimum skrol
var maxRh=0; // Setiap ketinggian skrol
var fnRollFirst=function(arg){//Gulung arg sebanyak 1 n, dan selepas selesai, alihkan n pertama ke kedudukan terakhir
var rCount=0; //Rekod kiraan tatal
var rVal=setInterval(function(){//Gelung setiap vLimit, untuk jumlah maxRnum-1 kali
rCount ;
arg.scrollTop(arg.scrollTop() maxRh);
If(rCount>=(maxRnum-1)){/1 kurang volum
; () h-maxRh*(maxRnum-1));//Nilai skrol terakhir diubah suai
//Alihkan elemen pertama ke penghujung
var nowN=arg.children(n);
nowN.eq(nowN.length-1).after(nowN.eq(0));
//Kedudukan pertama perlu diperbetulkan dengan gulung semula selepas ia dikosongkan
}; },vLimit);
};
var fnRollArr=function(arg){//Mula menatal satu per satu untuk objek dalam tatasusunan
var out=setInterval(function(){
fnRollFirst(arg.shift());
Jika(!arg.length){
; };
},rt); };
var fnRoll=function(){//Dapatkan koleksi objek yang perlu ditatal satu demi satu
var arr=new Array();
e.kanak-kanak(o).setiap(fungsi(){
var rn=$(ini).kanak-kanak(n);
Jika(rn.length>1){
arr.push($(ini));
};
});
set Interval(function(){
fnRollArr(arr.slice(0));
},t);
};
var fnLay=function(){//Layout halaman
h=ms.height();
var nu=Math.ceil(en.length/l);
var u=$("<" o ">");
u.css({"overflow":"hidden","height":h "px","margin-bottom":"15px"});
untuk(var i=0;i
};
var fnMain=function(){//Tatal kaedah utama
Jika(maxRnum>1){
fnLay();
maxRh=Math.ceil(h/maxRnum);
fnRoll();
};
};
var fnStart= function(arg){//Mulakan mod paparan
e=arg;
en = e.kanak-kanak(n);
en.show();
Jika(en.panjang>l){
fnMain();
} lain{
pulangan palsu;
};
};
kembali {
setLine: function(num){//Tetapkan bilangan baris untuk dibahagikan untuk menatal
(!isNaN(num) && num>0)?l=num:"";
kembalikan ini;
},
setMasa: function(num){//Selang tatal: milisaat
(!isNaN(num) && num>0)?t=num:"";
kembalikan ini;
},
startRoll: function(){//Mula menatal
fnMula(ini);
}
};
}
)(jQuery));
2. Halaman boleh kelihatan seperti ini
Salin kod Kod adalah seperti berikut:
李飞正在申请成为经验达人
李飞已向职场专题《我是个亚太人呀亚太人》投稿
董川民已成功购买职场专题《我是个亚太人呀亚太人》
李飞对《我是个亚太人呀亚太人》的解决方案又卖出一次
三内里奥回答了大飞的提问
三内里奥回答了大飞的提问
李飞向职场专题《我是个亚太人呀亚太人》的投稿已通过审核，获得1元奖励。
三内里奥回答了大飞的提问
三内里奥评论经验：
三内里奥回答了大飞的提问
三内里奥回答了大飞的提问
三内里奥回答了大飞的提问
三内里奥回答了大飞的提问
李飞已正式成为经验达人
三内里奥回答了大飞的提问
三内里奥评论经验：
三内里奥回答了大飞的提问
三内里奥回答了大飞的提问
三内里奥回答了大飞的提问
三内里奥回答了大飞的提问
李飞已邀请董川民成为经验达人
三内里奥回答了大飞的提问
三内里奥评论经验：
三内里奥回答了大飞的提问
三内里奥回答了大飞的提问
三内里奥回答了大飞的提问
Sannerio menjawab Soalan Da Fei
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Assassin's Creed Shadows: Penyelesaian Riddle Seashell
3 minggu yang lalu
By DDD
Apa yang Baru di Windows 11 KB5054979 & Cara Memperbaiki Masalah Kemas Kini
2 minggu yang lalu
By DDD
Di mana untuk mencari kad kunci kawalan kren di atomfall
3 minggu yang lalu
By DDD
<🎜>: Rails Dead - Cara Melengkapkan Setiap Cabaran
3 minggu yang lalu
By DDD
Panduan Atomfall: Lokasi Item, Panduan Pencarian, dan Petua
4 minggu yang lalu
By DDD
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Tutorial CakePHP
1392
52
1392
52
Jawapan silang kata NYT mini
36
110
36
110
Pengguna menghadapi gangguan yang jarang berlaku: Jam tangan pintar Samsung Watch tiba-tiba mengalami isu skrin putih
Apr 03, 2024 am 08:13 AM
Anda mungkin menghadapi masalah garis hijau yang muncul pada skrin telefon pintar anda Walaupun anda tidak pernah melihatnya, anda mesti melihat gambar berkaitan di Internet. Jadi, pernahkah anda menghadapi situasi di mana skrin jam tangan pintar bertukar menjadi putih? Pada 2 April, CNMO mendapat tahu daripada media asing bahawa seorang pengguna Reddit berkongsi gambar di platform sosial, menunjukkan skrin jam tangan pintar siri Samsung Watch bertukar menjadi putih. Pengguna menulis: "Saya sedang mengecas apabila saya pergi, dan apabila saya kembali, ia adalah seperti ini. Saya cuba untuk memulakan semula, tetapi skrin masih seperti ini semasa proses mulakan semula skrin jam tangan pintar Samsung Watch." Pengguna Reddit tidak menyatakan model khusus. Walau bagaimanapun, jika dilihat dari gambar, ia sepatutnya Samsung Watch5. Sebelum ini, seorang lagi pengguna Reddit turut melaporkan
Cara menulis novel dalam aplikasi Novel Percuma Tomato Kongsi tutorial cara menulis novel dalam Novel Tomato.
Mar 28, 2024 pm 12:50 PM
Novel Tomato adalah perisian membaca novel yang sangat popular Kami sering mempunyai novel dan komik baru untuk dibaca dalam Novel Tomato Setiap novel dan komik sangat menarik ingin menulis ke dalam teks. Jadi bagaimana kita menulis novel di dalamnya? Kongsi tutorial novel Tomato tentang cara menulis novel 1. Mula-mula buka aplikasi novel percuma Tomato pada telefon bimbit anda dan klik pada Pusat Peribadi - Pusat Penulis 2. Lompat ke halaman Pembantu Penulis Tomato - klik pada Buat buku baru di penghujung novel.
Bagaimana untuk memulihkan kenalan yang dipadam pada WeChat (tutorial mudah memberitahu anda cara memulihkan kenalan yang dipadam)
May 01, 2024 pm 12:01 PM
Malangnya, orang sering memadamkan kenalan tertentu secara tidak sengaja atas sebab tertentu WeChat ialah perisian sosial yang digunakan secara meluas. Untuk membantu pengguna menyelesaikan masalah ini, artikel ini akan memperkenalkan cara mendapatkan semula kenalan yang dipadam dengan cara yang mudah. 1. Fahami mekanisme pemadaman kenalan WeChat Ini memberi kita kemungkinan untuk mendapatkan semula kenalan yang dipadamkan Mekanisme pemadaman kenalan dalam WeChat mengalih keluar mereka daripada buku alamat, tetapi tidak memadamkannya sepenuhnya. 2. Gunakan fungsi "Pemulihan Buku Kenalan" terbina dalam WeChat menyediakan "Pemulihan Buku Kenalan" untuk menjimatkan masa dan tenaga Pengguna boleh mendapatkan semula kenalan yang telah dipadamkan dengan cepat melalui fungsi ini. 3. Masuk ke halaman tetapan WeChat dan klik sudut kanan bawah, buka aplikasi WeChat "Saya" dan klik ikon tetapan di sudut kanan atas untuk memasuki halaman tetapan.
Bagaimana untuk menetapkan saiz fon pada telefon mudah alih (mudah melaraskan saiz fon pada telefon bimbit)
May 07, 2024 pm 03:34 PM
Menetapkan saiz fon telah menjadi keperluan pemperibadian yang penting kerana telefon mudah alih menjadi alat penting dalam kehidupan seharian manusia. Untuk memenuhi keperluan pengguna yang berbeza, artikel ini akan memperkenalkan cara meningkatkan pengalaman penggunaan telefon mudah alih dan melaraskan saiz fon telefon mudah alih melalui operasi mudah. Mengapa anda perlu melaraskan saiz fon telefon mudah alih anda - Melaraskan saiz fon boleh menjadikan teks lebih jelas dan mudah dibaca - Sesuai untuk keperluan membaca pengguna yang berbeza umur - Mudah untuk pengguna yang kurang penglihatan menggunakan saiz fon fungsi tetapan sistem telefon mudah alih - Cara memasukkan antara muka tetapan sistem - Dalam Cari dan masukkan pilihan "Paparan" dalam antara muka tetapan - cari pilihan "Saiz Fon" dan laraskan saiz fon dengan pihak ketiga aplikasi - muat turun dan pasang aplikasi yang menyokong pelarasan saiz fon - buka aplikasi dan masukkan antara muka tetapan yang berkaitan - mengikut individu
Rahsia penetasan telur naga mudah alih terbongkar (langkah demi langkah untuk mengajar anda cara berjaya menetas telur naga mudah alih)
May 04, 2024 pm 06:01 PM
Permainan mudah alih telah menjadi sebahagian daripada kehidupan orang ramai dengan perkembangan teknologi. Ia telah menarik perhatian ramai pemain dengan imej telur naga yang comel dan proses penetasan yang menarik, dan salah satu permainan yang telah menarik perhatian ramai ialah versi mudah alih Dragon Egg. Untuk membantu pemain memupuk dan mengembangkan naga mereka sendiri dengan lebih baik dalam permainan, artikel ini akan memperkenalkan kepada anda cara menetas telur naga dalam versi mudah alih. 1. Pilih jenis telur naga yang sesuai Pemain perlu berhati-hati memilih jenis telur naga yang mereka suka dan sesuai dengan diri mereka, berdasarkan pelbagai jenis sifat dan kebolehan telur naga yang disediakan dalam permainan. 2. Tingkatkan tahap mesin pengeraman Pemain perlu meningkatkan tahap mesin pengeraman dengan menyelesaikan tugasan dan mengumpul prop Tahap mesin pengeraman menentukan kelajuan penetasan dan kadar kejayaan penetasan. 3. Kumpul sumber yang diperlukan untuk penetasan Pemain perlu berada dalam permainan
Kajian Radiator Kyushu Fengshen Assassin 4S Gaya 'Assassin Master' yang disejukkan dengan udara
Mar 28, 2024 am 11:11 AM
Bercakap tentang ASSASSIN, saya percaya pemain pasti akan memikirkan pembunuh utama dalam "Assassin's Creed". casis domestik/bekalan kuasa/penyejukan yang terkenal Siri ASSASSIN radiator penyejuk udara utama daripada jenama perkakas DeepCool bertepatan antara satu sama lain. Baru-baru ini, produk terbaharu siri ini, ASSASSIN4S, telah dilancarkan "Assassin in Suit, Advanced" membawakan pengalaman penyejukan udara baharu kepada pemain maju. Penampilannya penuh dengan perincian. Radiator Assassin 4S menggunakan struktur menara berkembar + reka bentuk terbina dalam kipas tunggal warna untuk memenuhi warna yang berbeza
Kuasai dengan cepat: Bagaimana untuk membuka dua akaun WeChat pada telefon bimbit Huawei didedahkan!
Mar 23, 2024 am 10:42 AM
Dalam masyarakat hari ini, telefon bimbit telah menjadi sebahagian daripada kehidupan kita. Sebagai alat penting untuk komunikasi harian, kerja dan kehidupan kita, WeChat sering digunakan. Walau bagaimanapun, mungkin perlu untuk memisahkan dua akaun WeChat apabila mengendalikan transaksi yang berbeza, yang memerlukan telefon mudah alih untuk menyokong log masuk ke dua akaun WeChat pada masa yang sama. Sebagai jenama domestik yang terkenal, telefon bimbit Huawei digunakan oleh ramai orang Jadi apakah kaedah untuk membuka dua akaun WeChat pada telefon bimbit Huawei? Mari kita dedahkan rahsia kaedah ini. Pertama sekali, anda perlu menggunakan dua akaun WeChat pada masa yang sama pada telefon mudah alih Huawei anda Cara paling mudah ialah
Seni cahaya dan bayangan yang indah pada musim bunga, Haqu H2 ialah pilihan yang menjimatkan kos
Apr 17, 2024 pm 05:07 PM
Dengan ketibaan musim bunga, segala-galanya pulih dan segala-galanya penuh dengan daya hidup dan kecergasan. Dalam musim yang indah ini, bagaimana untuk menambah sentuhan warna pada kehidupan rumah anda? Projektor Haqu H2, dengan reka bentuk yang indah dan keberkesanan kos yang tinggi, telah menjadi keindahan yang sangat diperlukan pada musim bunga ini. Projektor H2 ini padat tetapi bergaya. Sama ada diletakkan di atas kabinet TV di ruang tamu atau di sebelah meja sisi katil di dalam bilik tidur, ia boleh menjadi landskap yang indah. Badannya diperbuat daripada tekstur matte putih susu Reka bentuk ini bukan sahaja menjadikan projektor kelihatan lebih maju, tetapi juga meningkatkan keselesaan sentuhan. Bahan bertekstur kulit kuning air menambah sentuhan kemesraan dan keanggunan pada penampilan keseluruhan. Gabungan warna dan bahan ini bukan sahaja menepati trend estetik rumah moden, tetapi juga boleh diintegrasikan ke dalam
