99久久精品国产免费看,av人摸人人人澡人人超碰,aaaaa少妇高潮大片

首頁(yè)

JS特效

jQuery特效

jQuery帶搜尋跳轉(zhuǎn)功能的清單分頁(yè)代碼

這是一款可以設(shè)定多個(gè)清單數(shù)量，帶有分頁(yè)搜尋跳轉(zhuǎn)功能，非常實(shí)用的jQuery分頁(yè)代碼。

現(xiàn)在下載預(yù)覽

js程式碼

<script>
	var page = 1;
	var limit = 10;
	var sumPage = 6;
	var size = 28;
	$(function(){
		page = parseInt(page);
		limit = parseInt(limit);  //防止頁(yè)碼出現(xiàn)字符串，轉(zhuǎn)換類型
		
		loadClass();
		setPageMsg();
		initPage();
		
		$("#pageLt").find("a").unbind("click").click(function(){
			$("#pageLt").find("a").removeClass("active");
			$(this).addClass("active");
			
			limit = parseInt($(this).text());
			// 分頁(yè)執(zhí)行的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");
		}
	}

	/** 初始化分頁(yè)控件 **/
	function initPage(){
		
		$(".down_page").click(function(){  //上一頁(yè)
			if(page != 1){
				page = page - 1;
				$("#nowPage").text(page);
				// 分頁(yè)執(zhí)行的fun
			}else{
				alert("已經(jīng)是第一頁(yè)了","warning");
			}
		});
		$(".up_page").click(function(){   //下一頁(yè)
			if(page < parseInt(sumPage)){
				page = page + 1;
				$("#nowPage").text(page);
				// 分頁(yè)執(zhí)行的fun
			}else{
				alert("已經(jīng)是最后一頁(yè)了","warning");
			}
		});
		$(".jump_page").click(function(){
			var pageNum = $("#pageNum").val();
			if(parseInt(pageNum) <= parseInt(sumPage)){
				page = parseInt(pageNum);
				$("#nowPage").text(page);
				// 分頁(yè)執(zhí)行的fun
			}else{
				alert("頁(yè)數(shù)不能大于總頁(yè)數(shù)","warning");
			}
		});
	}

	function setPageMsg(){
		$("#count").text(size);
		$("#nowPage").text(page);
		$("#allPage").text(""+sumPage+"頁(yè)");
	} 
</script>

Jquery是網(wǎng)頁(yè)程式設(shè)計(jì)所需的重要技術(shù)之一。 Jquery是繼prototype之後又優(yōu)秀的Javascrīpt框架，它是輕量級(jí)的js函式庫(kù)，它相容於CSS3，也相容於各種瀏覽器。 jQuery讓用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果，並且方便地為網(wǎng)站提供AJAX互動(dòng)。 jQuery還有一個(gè)比較大的優(yōu)點(diǎn)是，它的文件說(shuō)明很全，而且各種應(yīng)用也說(shuō)得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。 jQuery能夠讓使用者的html頁(yè)保持程式碼和html內(nèi)容分離，也就是說(shuō)，不用再在html裡面插入一堆js來(lái)呼叫指令了，只要定義id即可。

免責(zé)聲明

本站所有資源皆由網(wǎng)友貢獻(xiàn)或各大下載網(wǎng)站轉(zhuǎn)載。請(qǐng)自行檢查軟體的完整性！本站所有資源僅供學(xué)習(xí)參考。請(qǐng)不要將它們用於商業(yè)目的。否則，一切後果都由您負(fù)責(zé)！如有侵權(quán)，請(qǐng)聯(lián)絡(luò)我們刪除。聯(lián)絡(luò)方式：admin@php.cn

相關(guān)文章

10 jQuery酷菜單效果插件

01 Mar 2025

10款炫酷jQuery菜單特效插件，提升網(wǎng)站用戶體驗(yàn)！我們已經(jīng)分享了許多jQuery導(dǎo)航菜單插件，現(xiàn)在又為您帶來(lái)10款令人驚豔的jQuery菜單特效插件。盡情享受吧！相關(guān)閱讀：- 10款炫麗jQuery導(dǎo)航菜單- 15款優(yōu)秀的jQuery導(dǎo)航菜單右鍵菜單這款插件非常易於使用，體積小巧，可以創(chuàng)建右鍵菜單。源碼演示 2. jQuery多級(jí)菜單 – 帶子菜單的FX CSS菜單 100% CSS菜單，由jQuery提供視覺(jué)特效。僅使用Javascript實(shí)現(xiàn)特效。完全兼容跨瀏覽器，包

使用jQuery的10個(gè)驚人的圖像效果

10 Mar 2025

十款驚豔的jQuery圖像特效插件，為您的網(wǎng)站注入時(shí)尚活力！利用這些jQuery圖像特效插件，您可以輕鬆轉(zhuǎn)換網(wǎng)站上的普通圖像，增強(qiáng)圖像效果，創(chuàng)建畫廊、滾動(dòng)器，讓您的網(wǎng)站煥然一新！結(jié)合CSS和jQuery的圖像分割特效本教程將創(chuàng)建一個(gè)圖像分割特效。它類似於滑動(dòng)門效果，圖像向左或向右滑動(dòng)，顯示其背後的文本，但不同之處在於，該效果看起來(lái)像是圖像被分成兩半，一部分向左移動(dòng)，另一部分向右移動(dòng)。 Source jQuery圖像扭曲腳本 ImageWarp為頁(yè)面上的選定圖像添加了有趣的扭曲效果

10個(gè)jQuery插件可提供酷炫效果

27 Feb 2025

這篇文章展示了十個(gè)傑出的jQuery插件，可提供獨(dú)特的視覺(jué)效果。讓我們探索這些插件及其功能！ jQuery鏡頭耀斑效果插件：此插件毫不費(fèi)力地為Yo添加了時(shí)尚的鏡頭效果

jQuery 如何有效率地選擇具有特定 CSS 屬性的元素？

30 Nov 2024

在 jQuery 中選擇具有特定 CSS 屬性的元素問(wèn)題：我們?nèi)绾斡行У剡x擇擁有特定 CSS 屬性的所有元素...

如何在 jQuery 中擷取滑鼠滾輪事件？

26 Oct 2024

在 jQuery 中擷取滑鼠滾輪事件 jQuery 提供了一種有效的方法來(lái)擷取特定的滑鼠滾輪事件，與滾動(dòng)事件不同。這...

如何使用 jQuery 和 JavaScript 高效解析和顯示 JSON 資料？

06 Dec 2024

使用 jQuery 和 JavaScript 解析 JSON 資料這個(gè)簡(jiǎn)短的教程解決了有效操作 JSON 資料的挑戰(zhàn)，特別是...

10個(gè)魔術(shù)jQuery文本效果插件

07 Mar 2025

10款神奇的jQuery文字特效插件，讓你的網(wǎng)站脫穎而出！ jQuery不僅僅用於菜單和動(dòng)畫效果。利用jQuery，你還可以創(chuàng)建吸引人的文字特效，並巧妙地運(yùn)用文字與用戶進(jìn)行有效溝通。通過(guò)這個(gè)合集，你可以創(chuàng)建文字漸變、文字飛入效果、文字輝光等等。盡情享受吧！ Codename Rainbows 我們運(yùn)用一些JavaScript和CSS魔法，為任何文本應(yīng)用雙色漸變。還可以應(yīng)用陰影和高光。這在大型網(wǎng)站或動(dòng)態(tài)內(nèi)容中特別有效，因?yàn)樵谶@些情況下為每個(gè)實(shí)例創(chuàng)建圖像是不切實(shí)際的。來(lái)源 jQuer

7很酷的jQuery移動(dòng)插件

25 Feb 2025

7款超讚的jQuery Mobile插件，讓你的移動(dòng)設(shè)備網(wǎng)頁(yè)更出色！如今，智能手機(jī)配備了高效的網(wǎng)頁(yè)瀏覽器，我們特此推薦7款酷炫的jQuery Mobile插件，提升移動(dòng)設(shè)備用戶體驗(yàn)。以下插件將讓你的移動(dòng)設(shè)備使用更便捷！相關(guān)文章： 4 jQuery Mobile 價(jià)格滑塊 (範(fàn)圍選擇) 50 個(gè) jQuery Mobile 開(kāi)發(fā)技巧 jQuery Wiggle 插件：為移動(dòng)設(shè)備帶來(lái)晃動(dòng)效果 jQuery Wiggle 是一款 jQuery 插件，可模擬 iPhone 長(zhǎng)按圖標(biāo)時(shí)的晃

8個(gè)很酷的jQuery動(dòng)畫效果教程

26 Feb 2025

jQuery動(dòng)畫效果教程：告別Flash動(dòng)畫，擁抱jQuery動(dòng)畫時(shí)代！過(guò)去，網(wǎng)站上的動(dòng)畫效果通常都依賴Flash。但現(xiàn)在，有了jQuery，您可以輕鬆創(chuàng)建各種動(dòng)畫效果。以下是一些jQuery動(dòng)畫效果教程，助您開(kāi)啟動(dòng)畫之旅！相關(guān)閱讀： 10款CSS3和jQuery加載動(dòng)畫解決方案 3D JavaScript動(dòng)畫——three.js 仿Foursquare的jQuery動(dòng)畫式Feed顯示本教程將向您展示如何使用jQuery輕鬆創(chuàng)建一個(gè)RSS滾動(dòng)字幕效果。源碼演示 jQue

See all articles