Rumah

Kesan khas JS

kesan jQuery

Senaraikan kod halaman untuk fungsi lompat carian jQuery+

Muat turun sekarang Pratonton

kod js

<script>
	var page = 1;
	var limit = 10;
	var sumPage = 6;
	var size = 28;
	$(function(){
		page = parseInt(page);
		limit = parseInt(limit);  //防止页码出现字符串，转换类型
		
		loadClass();
		setPageMsg();
		initPage();
		
		$("#pageLt").find("a").unbind("click").click(function(){
			$("#pageLt").find("a").removeClass("active");
			$(this).addClass("active");
			
			limit = parseInt($(this).text());
			// 分页执行的fun
		});
	});

	function loadClass(){
		
		if(limit == 10){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(0).addClass("active");
		}else if(limit == 20){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(1).addClass("active");
		}else if(limit == 30){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(2).addClass("active");
		}else if(limit == 40){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(3).addClass("active");
		}
	}

	/** 初始化分页控件 **/
	function initPage(){
		
		$(".down_page").click(function(){  //上一页
			if(page != 1){
				page = page - 1;
				$("#nowPage").text(page);
				// 分页执行的fun
			}else{
				alert("已经是第一页了","warning");
			}
		});
		$(".up_page").click(function(){   //下一页
			if(page < parseInt(sumPage)){
				page = page + 1;
				$("#nowPage").text(page);
				// 分页执行的fun
			}else{
				alert("已经是最后一页了","warning");
			}
		});
		$(".jump_page").click(function(){
			var pageNum = $("#pageNum").val();
			if(parseInt(pageNum) <= parseInt(sumPage)){
				page = parseInt(pageNum);
				$("#nowPage").text(page);
				// 分页执行的fun
			}else{
				alert("页数不能大于总页数","warning");
			}
		});
	}

	function setPageMsg(){
		$("#count").text(size);
		$("#nowPage").text(page);
		$("#allPage").text(""+sumPage+"页");
	}

	</script>



	这是一款可以设置多个列表数量，带分页搜索跳转功能，非常实用的jQuery分页代码。

Penafian

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

Bagaimana untuk melaksanakan fungsi lompat halaman dalam jquery

24 Apr 2023

Dalam pembangunan bahagian hadapan, fungsi lompat halaman adalah keperluan yang sangat biasa. Sebagai perpustakaan JavaScript yang paling biasa digunakan, jQuery secara semula jadi menyediakan fungsi lompat halaman yang mudah. Artikel ini akan memperkenalkan dua cara utama untuk melaksanakan lompatan halaman dalam jQuery: menggunakan objek lokasi dan menggunakan objek tetingkap. 1. Gunakan objek lokasi Objek lokasi ialah objek JavaScript asli dan mengandungi maklumat tentang URL semasa. Dengan mengubah suai lo

Cara menggunakan HTML, CSS dan jQuery untuk melaksanakan fungsi carian dalam halaman web

25 Oct 2023

Cara menggunakan HTML, CSS dan jQuery untuk melaksanakan fungsi carian dalam halaman web Pengenalan: Dengan perkembangan pesat Internet, enjin carian telah menjadi cara penting untuk orang ramai mendapatkan maklumat. Walau bagaimanapun, dalam beberapa kes, kami mungkin perlu melaksanakan fungsi carian dalam halaman web tertentu supaya pengguna dapat mencari dengan cepat perkara yang mereka inginkan. Artikel ini akan memperkenalkan cara menggunakan HTML, CSS dan jQuery untuk melaksanakan fungsi carian dalam halaman web, dan memberikan contoh kod khusus. 1. Kod bahagian HTML: Pertama, kita perlu menggunakan HTML

Perkongsian Petua PHP: Satu Baris Kod untuk Melaksanakan Fungsi Lompat Halaman

07 Mar 2024

Perkongsian Petua PHP: Satu Baris Kod untuk Melaksanakan Fungsi Lompat Halaman Dalam pembangunan web, lompat halaman adalah operasi biasa, biasanya dilaksanakan melalui PHP. Artikel ini akan berkongsi kaedah yang mudah dan cekap untuk melaksanakan fungsi lompat halaman menggunakan satu baris kod. Dalam PHP, anda boleh menggunakan fungsi pengepala untuk melompat ke halaman, yang boleh dilengkapkan dengan hanya satu baris kod. Contoh dan penggunaan kod khusus diperkenalkan di bawah. Pertama, pastikan tiada apa-apa yang dikeluarkan sebelum melompat ke halaman untuk mengelakkan ralat. Kemudian, gunakan fungsi pengepala untuk

nota kajian kesan animasi jquery (8 kesan)_jquery

16 May 2016

Artikel ini berkongsi nota kajian kesan animasi jquery, yang menyediakan analisis terperinci tentang kesan animasi jquery, dan menerangkan prinsip kesan fade-in dan fade-out dan kesan gelongsor Jika anda ingin mempelajari kesan animasi jquery dengan baik, baca artikel ini dengan sabar saya percaya anda akan menemui sesuatu yang tidak dijangka.

Bagaimana untuk menulis animasi dalam jquery

28 May 2023

jQuery ialah perpustakaan JavaScript berkuasa yang sangat memudahkan kerja pembangun dan pereka. Antaranya, kesan animasi Jquery telah menjadi salah satu elemen terpenting dalam reka bentuk. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mencipta kesan animasi. 1. Kesan animasi jQuery Kesan animasi jQuery biasanya dilaksanakan menggunakan fungsi animate(). Ia membolehkan pengaturcara mencipta animasi peralihan pada satu atau lebih sifat CSS. fungsi animate() memerlukan

Bagaimana untuk menetapkan kelewatan dalam jquery

26 Apr 2023

Dalam pembangunan bahagian hadapan, kita selalunya perlu menggunakan jQuery untuk mengendalikan beberapa kesan interaktif dan kesan animasi, seperti kesan animasi apabila tetikus melayang, kesan animasi apabila halaman dimuatkan, dsb. Tetapi kadangkala kita perlu menetapkan masa penangguhan supaya kesan ini dapat dinyatakan dengan lebih baik. Jadi, bagaimanakah jQuery menetapkan kelewatan? Artikel ini akan memperkenalkan isu ini secara terperinci. 1. Kaedah kelewatan dalam jQuery Dalam jQuery, kesan kelewatan boleh dicapai dengan mudah dengan menggunakan kaedah kelewatan(). Kaedah kelewatan() boleh digunakan

kesan menaip jquery berhenti memadam

23 May 2023

Dengan populariti Internet, aplikasi kesan menaip menjadi semakin meluas, dan kesan menaip jquery telah menjadi pilihan pertama banyak pembangun laman web. Walau bagaimanapun, dalam proses merealisasikan kesan khas ini, isu terperinci sering menjejaskan pengalaman pengguna, seperti masalah pemadaman kesan khas menaip. Artikel ini akan memperkenalkan cara menggunakan kesan menaip jquery untuk menghentikan pemadaman dan meningkatkan pengalaman menyemak imbas pengguna. Pelaksanaan kesan menaip jquery boleh menggunakan pemalam siap pakai, seperti typed.js dan jQuery.Typewriter. Pemalam ini adalah berdasarkan jquery

Bagaimana untuk menggunakan kesan sorotan dalam jQuery?

27 Feb 2024

Bagaimana untuk menggunakan kesan sorotan dalam jQuery? Dalam pembangunan web, kesan sorotan ialah reka bentuk interaktif biasa yang boleh menyerlahkan elemen tertentu dan menarik perhatian pengguna. Dalam jQuery, kesan penonjolan boleh dicapai melalui kod mudah, menambahkan beberapa kesan dinamik dan visual pada halaman web. Artikel ini akan memperkenalkan cara untuk melaksanakan kesan penonjolan dalam jQuery dan memberikan contoh kod khusus. Mula-mula, pastikan anda memasukkan perpustakaan jQuery dalam halaman web anda. Anda boleh menambah tag

Bagaimana untuk menyerlahkan jquery

12 May 2023

Dalam pembangunan web, penyerlahan ialah kesan yang sangat biasa digunakan, yang membolehkan pengguna melihat dengan lebih intuitif kepentingan atau status elemen tertentu pada halaman. Dalam pembangunan bahagian hadapan, jQuery, sebagai perpustakaan JavaScript yang sangat berkuasa, boleh membantu kami mencapai kesan penyerlahan dengan cepat. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mencapai kesan penonjolan, termasuk yang berikut: 1. Pemilih jQuery 2. Operasi gaya jQuery 3. Pelaksanaan penonjolan jQuery ## Pemilih jQuery Dalam jQuery, pilih

See all articles

Alat panas Tag

penyunting PHP

Alat pembangunan

PHP IDE

Rangka kerja PHP

PHP debugging tools

PHP extensions

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.