jquery+json實現(xiàn)的搜索加分頁效果
更新時間:2010年03月31日 22:57:24 作者:
Javascript,json 實現(xiàn)的js 腳本搜索,加分頁,附源碼
1.Web 里面有三個目錄:
1.1 content.htm //這個文件直接運行就行
1.2 js //這里面有用到的幾個js 文件,其中 以db 開頭的就是數(shù)據(jù)源(就是json 串)
1.3 css //css 就不用說了
2. 直接運行 content.htm 就可以直接打開查看分頁和搜索效果了
3. 原理很簡單,只是用了javascript 的index 函數(shù)
核心代碼:
/*
author: liulf
function:
var __db_cpcj=vCpcj;
var __db_cp=vCp;
var vCp={"cppage":[
{"cpdh":"A01000101","page":"1","ca":"1309-36-0","mc":"硫鐵礦","ename":"Pyrite","bm":"黃鐵礦"},
{"cpdh":"A01000201","page":"1","ca":"1309-36-0","mc":"硫精砂","ename":"Pyrite concentrate;Sulfur concentrate","bm":""},
{"cpdh":"A01000202","page":"1","ca":"1309-36-0","mc":"硫精礦粉","ename":"Powdered pyrite concentrate;Pyrites concentrate,powder;Sulfur concentrate,powder","bm":"硫精礦"},
{"cpdh":"A02000101","page":"1","ca":"","mc":"磷礦石","ename":"Phosphorus ore","bm":""},
{"cpdh":"A02000111","page":"2","ca":"","mc":"磷礦砂","ename":"Phosphorite grit","bm":""},
{"cpdh":"A02000201","page":"2","ca":"","mc":"磷礦粉","ename":"Phosphate rock powder","bm":""},
{"cpdh":"A03000101","page":"2","ca":"12447-04-0","mc":"硼礦石","ename":"Ascharite;Boric ore","bm":"硼鎂礦"},
{"cpdh":"A04000101","page":"2","ca":"","mc":"鉀長石","ename":"Potash feldspar;Potassium feldspars","bm":""},
{"cpdh":"A04000201","page":"2","ca":"12003-63-3","mc":"長石粉","ename":"Feldspar powder","bm":""},
{"cpdh":"A04000301","page":"2","ca":"","mc":"光鹵石","ename":"Carnallite","bm":""}
]}
var vCpcj={"cjpage":[{"cjdh":"110634","cm":"拜耳光翌板材有限責(zé)任公司","pagen":"1701"},
{"cjdh":"110052","cm":"北京艾瑞斯水墨有限公司","pagen":"1701"},
{"cjdh":"110408","cm":"北京艾斯克醫(yī)藥技術(shù)開發(fā)有限公司","pagen":"1701"},
{"cjdh":"110010","cm":"北京愛德泰普膜制品廠","pagen":"1701"},
{"cjdh":"110165","cm":"北京安實創(chuàng)業(yè)科技發(fā)展有限公司","pagen":"1701"},
{"cjdh":"110134","cm":"北京安順達(dá)裝飾材料有限公司","pagen":"1701"},
{"cjdh":"110291","cm":"北京奧博星生物技術(shù)責(zé)任有限公司","pagen":"1701"},
{"cjdh":"110191","cm":"北京奧得賽化學(xué)有限公司","pagen":"1701"},
{"cjdh":"110454","cm":"北京奧克蘭防水工程有限責(zé)任公司","pagen":"1701"},
{"cjdh":"110520","cm":"北京奧森特種潤滑材料廠","pagen":"1701"}]}
奧森特
*/
function ObjSearch()
{
this.kw = '';
this.option = '';
this.displayId = '';
this.search = function()
{
// if(this.kw=='' || this.kw==null || this.kw.length<3)
// {
// alert('輸入長度不能為小于3!');
// return;
// }
// switch(this.option)
// {
// //企業(yè)
// case '0':
// this.searchCpcj();
// break;
// //產(chǎn)品
// case '1':
// this.searchCp();
// break;
// }
OutputHtml(this);
}
this.searchCpcj= function()
{
var jsonObj = new Array();
var kw = this.kw;
// $('#'+this.displayId).html('');
// var displayId = this.displayId;
$(vCpcj.cjpage).each(function(index,content){
// var cjdhy = content.cjdh;
// var cm = content.cm;
// var pagen = content.pagen;
if(content.cm.indexOf(kw)!=-1)
{
// $('#'+displayId).append("<a href='#'>"+cm+" | "+pagen+"</a><br/>");
jsonObj.push({"cm":content.cm,"pagen":content.pagen});
}
});
return jsonObj;
}
this.searchCp = function()
{
var jsonObj = new Array();
var kw = this.kw;
// $('#'+this.displayId).html('');
// var displayId = this.displayId;
$.each(vCp.cppage,function(index,content){
// var cpdh = content.cpdh;
// var page = content.page;
// var ca = content.ca;
// var mc = content.mc;
// var ename = content.ename;
// var bm = content.bm;
if(content.mc.indexOf(kw)!=-1)
{
// $('#'+displayId).append("<a href='#'>"+mc+" | "+page+"</a><br/>");
jsonObj.push({"mc":content.mc,"page":content.page});
}
});
return jsonObj;
}
}
<!--//
function __$$(id){return document.getElementById(id);} //定義獲取ID的方法
function GotoPage(num){ //跳轉(zhuǎn)頁
Page = num;
OutputHtml(os);
}
var PageSize = 20; //每頁個數(shù)
var Page = 1; //當(dāng)前頁碼
function OutputHtml(){
//選擇的企業(yè)還是產(chǎn)品
var vobj = arguments[0];
var vtmp1=vobj.option;
var siteList = '';
switch(vtmp1)
{
//企業(yè)
case '0':
siteList = os.searchCpcj();
var obj = eval(siteList); //獲取JSON
//var sites = obj.cjpage;
var sites = obj;
break;
//產(chǎn)品
case '1':
siteList = os.searchCp();
var obj = eval(siteList); //獲取JSON
// var sites = obj.cppage;
var sites = obj;
break;
}
//獲取分頁總數(shù)
var Pages = Math.floor((sites.length - 1) / PageSize) + 1;
if(Page < 1)Page = 1; //如果當(dāng)前頁碼小于1
if(Page > Pages)Page = Pages; //如果當(dāng)前頁碼大于總數(shù)
var Temp = "";
var BeginNO = (Page - 1) * PageSize + 1; //開始編號
var EndNO = Page * PageSize; //結(jié)束編號
if(EndNO > sites.length) EndNO = sites.length;
if(EndNO == 0) BeginNO = 0;
if(!(Page <= Pages)) Page = Pages;
__$$("total").innerHTML = "總頁數(shù):<strong class='f90'>" + sites.length + "</strong> 顯示:<strong class='f90'>" + BeginNO + "-" + EndNO + "</strong>";
//分頁
if(Page > 1 && Page !== 1){Temp ="<a href='javascript:void(0)' onclick='GotoPage(1)'><<第一頁</a> <a href='javascript:void(0)' onclick='GotoPage(" + (Page - 1) + ")'>上一頁</a> "}else{Temp = "<<第一頁 上一頁 "};
//完美的翻頁列表
var PageFrontSum = 3; //當(dāng)頁前顯示個數(shù)
var PageBackSum = 3; //當(dāng)頁后顯示個數(shù)
var PageFront = PageFrontSum - (Page - 1);
var PageBack = PageBackSum - (Pages - Page);
if(PageFront > 0 && PageBack < 0)PageBackSum += PageFront; //前少后多,前剩余空位給后
if(PageBack > 0 && PageFront < 0)PageFrontSum += PageBack; //后少前多,后剩余空位給前
var PageFrontBegin = Page - PageFrontSum;
if(PageFrontBegin < 1)PageFrontBegin = 1;
var PageFrontEnd = Page + PageBackSum;
if(PageFrontEnd > Pages)PageFrontEnd = Pages;
if(PageFrontBegin != 1) Temp += '<a href="javascript:void(0)" onclick="GotoPage(' + (Page - 10) + ')" title="前10頁">..</a>';
for(var i = PageFrontBegin;i < Page;i ++){
Temp += " <a href='javascript:void(0)' onclick='GotoPage(" + i + ")'>" + i + "</a>";
}
Temp += " <strong class='f90'>" + Page + "</strong>";
for(var i = Page + 1;i <= PageFrontEnd;i ++){
Temp += " <a href='javascript:void(0)' onclick='GotoPage(" + i + ")'>" + i + "</a>";
}
if(PageFrontEnd != Pages) Temp += " <a href='javascript:void(0)' onclick='GotoPage(" + (Page + 10) + ")' title='后10頁'>..</a>";
if(Page != Pages){Temp += " <a href='javascript:void(0)' onclick='GotoPage(" + (Page + 1) + ");'>下一頁</a> <a href='javascript:void(0)' onclick='GotoPage(" + Pages + ")'>最末頁>></a>"}else{Temp += " 下一頁 最末頁>>"}
__$$("pagelist").innerHTML = Temp;
//輸出數(shù)據(jù)
if(EndNO == 0){ //如果為空
__$$("pagelist").innerHTML='';
__$$("content").innerHTML = "<h1>沒有數(shù)據(jù)</h1>";
return;
}
var html = "";
for(var i = BeginNO - 1;i < EndNO;i ++){
switch(vtmp1)
{
//企業(yè)
case "0":
html += "<a href='#' rel='bookmark' title=" +sites[i].cm+ ">";
html += "<p class='url'><span>" +sites[i].cm+ " | "+sites[i].pagen +"</span></p></a>";
break;
//產(chǎn)品
case "1":
// if(sites[i].mc.indexOf(vobj.kw)==-1) continue;
html += "<a href='#' rel='bookmark' title=" +sites[i].mc+ ">";
html += "<p class='url'><span>" +sites[i].mc+ " | "+sites[i].page +"</span></p></a>";
break;
}
}
__$$("content").innerHTML = html;
clickShow(); //調(diào)用鼠標(biāo)點擊事件
//鍵盤左右鍵翻頁
document.onkeydown=function(e){
var theEvent = window.event || e;
var code = theEvent.keyCode || theEvent.which;
if(code==37){
if(Page > 1 && Page !== 1){
GotoPage(Page - 1);
}
}
if(code==39){
if(Page != Pages){
GotoPage(Page + 1);
}
}
}
//鼠標(biāo)滾輪翻頁
function handle(delta){
if (delta > 0){
if(Page > 1 && Page !== 1){
GotoPage(Page - 1);
}
}
else{
if(Page != Pages){
GotoPage(Page + 1);
}
}
}
function wheel(event){
var delta = 0;
if (!event) /* For IE. */
event = window.event;
if (event.wheelDelta) { /* IE或者Opera. */
delta = event.wheelDelta / 120;
/** 在Opera9中,事件處理不同于IE
*/
if (window.opera)
delta = -delta;
} else if (event.detail) { /** 兼容Mozilla. */
/** In Mozilla, sign of delta is different than in IE.
* Also, delta is multiple of 3.
*/
delta = -event.detail / 3;
}
/** 如果 增量不等于0則觸發(fā)
* 主要功能為測試滾輪向上滾或者是向下
*/
if (delta)
handle(delta);
}
/** 初始化 */
if (window.addEventListener)
/** Mozilla的基于DOM的滾輪事件 **/
window.addEventListener("DOMMouseScroll", wheel, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = wheel;
}
//獲取鏈接地址和網(wǎng)站名稱
function showLink(source){
var siteUrl = __$$("siteurl");
var siteName = __$$("sitename");
var description = __$$("description");
if(source.getAttribute("rel") == "bookmark"){
var url = source.getAttribute("href");
var title = source.getAttribute("title");
siteUrl.innerHTML = "<a href='" + url + "' target='_blank'>"+ url +"</a>";
siteName.innerHTML = title;
}
}
//鼠標(biāo)點擊事件
function clickShow(){
var links = __$$("content").getElementsByTagName("a");
for(var i=0; i<links.length; i++){
var url = links[i].getAttribute("href");
var title = links[i].getAttribute("title");
links[i].onclick = function(){
// showLink(this);
return false;
}
}
}
//-->
打包下載地址
1.1 content.htm //這個文件直接運行就行
1.2 js //這里面有用到的幾個js 文件,其中 以db 開頭的就是數(shù)據(jù)源(就是json 串)
1.3 css //css 就不用說了
2. 直接運行 content.htm 就可以直接打開查看分頁和搜索效果了
3. 原理很簡單,只是用了javascript 的index 函數(shù)
核心代碼:
復(fù)制代碼 代碼如下:
/*
author: liulf
function:
var __db_cpcj=vCpcj;
var __db_cp=vCp;
var vCp={"cppage":[
{"cpdh":"A01000101","page":"1","ca":"1309-36-0","mc":"硫鐵礦","ename":"Pyrite","bm":"黃鐵礦"},
{"cpdh":"A01000201","page":"1","ca":"1309-36-0","mc":"硫精砂","ename":"Pyrite concentrate;Sulfur concentrate","bm":""},
{"cpdh":"A01000202","page":"1","ca":"1309-36-0","mc":"硫精礦粉","ename":"Powdered pyrite concentrate;Pyrites concentrate,powder;Sulfur concentrate,powder","bm":"硫精礦"},
{"cpdh":"A02000101","page":"1","ca":"","mc":"磷礦石","ename":"Phosphorus ore","bm":""},
{"cpdh":"A02000111","page":"2","ca":"","mc":"磷礦砂","ename":"Phosphorite grit","bm":""},
{"cpdh":"A02000201","page":"2","ca":"","mc":"磷礦粉","ename":"Phosphate rock powder","bm":""},
{"cpdh":"A03000101","page":"2","ca":"12447-04-0","mc":"硼礦石","ename":"Ascharite;Boric ore","bm":"硼鎂礦"},
{"cpdh":"A04000101","page":"2","ca":"","mc":"鉀長石","ename":"Potash feldspar;Potassium feldspars","bm":""},
{"cpdh":"A04000201","page":"2","ca":"12003-63-3","mc":"長石粉","ename":"Feldspar powder","bm":""},
{"cpdh":"A04000301","page":"2","ca":"","mc":"光鹵石","ename":"Carnallite","bm":""}
]}
var vCpcj={"cjpage":[{"cjdh":"110634","cm":"拜耳光翌板材有限責(zé)任公司","pagen":"1701"},
{"cjdh":"110052","cm":"北京艾瑞斯水墨有限公司","pagen":"1701"},
{"cjdh":"110408","cm":"北京艾斯克醫(yī)藥技術(shù)開發(fā)有限公司","pagen":"1701"},
{"cjdh":"110010","cm":"北京愛德泰普膜制品廠","pagen":"1701"},
{"cjdh":"110165","cm":"北京安實創(chuàng)業(yè)科技發(fā)展有限公司","pagen":"1701"},
{"cjdh":"110134","cm":"北京安順達(dá)裝飾材料有限公司","pagen":"1701"},
{"cjdh":"110291","cm":"北京奧博星生物技術(shù)責(zé)任有限公司","pagen":"1701"},
{"cjdh":"110191","cm":"北京奧得賽化學(xué)有限公司","pagen":"1701"},
{"cjdh":"110454","cm":"北京奧克蘭防水工程有限責(zé)任公司","pagen":"1701"},
{"cjdh":"110520","cm":"北京奧森特種潤滑材料廠","pagen":"1701"}]}
奧森特
*/
function ObjSearch()
{
this.kw = '';
this.option = '';
this.displayId = '';
this.search = function()
{
// if(this.kw=='' || this.kw==null || this.kw.length<3)
// {
// alert('輸入長度不能為小于3!');
// return;
// }
// switch(this.option)
// {
// //企業(yè)
// case '0':
// this.searchCpcj();
// break;
// //產(chǎn)品
// case '1':
// this.searchCp();
// break;
// }
OutputHtml(this);
}
this.searchCpcj= function()
{
var jsonObj = new Array();
var kw = this.kw;
// $('#'+this.displayId).html('');
// var displayId = this.displayId;
$(vCpcj.cjpage).each(function(index,content){
// var cjdhy = content.cjdh;
// var cm = content.cm;
// var pagen = content.pagen;
if(content.cm.indexOf(kw)!=-1)
{
// $('#'+displayId).append("<a href='#'>"+cm+" | "+pagen+"</a><br/>");
jsonObj.push({"cm":content.cm,"pagen":content.pagen});
}
});
return jsonObj;
}
this.searchCp = function()
{
var jsonObj = new Array();
var kw = this.kw;
// $('#'+this.displayId).html('');
// var displayId = this.displayId;
$.each(vCp.cppage,function(index,content){
// var cpdh = content.cpdh;
// var page = content.page;
// var ca = content.ca;
// var mc = content.mc;
// var ename = content.ename;
// var bm = content.bm;
if(content.mc.indexOf(kw)!=-1)
{
// $('#'+displayId).append("<a href='#'>"+mc+" | "+page+"</a><br/>");
jsonObj.push({"mc":content.mc,"page":content.page});
}
});
return jsonObj;
}
}
<!--//
function __$$(id){return document.getElementById(id);} //定義獲取ID的方法
function GotoPage(num){ //跳轉(zhuǎn)頁
Page = num;
OutputHtml(os);
}
var PageSize = 20; //每頁個數(shù)
var Page = 1; //當(dāng)前頁碼
function OutputHtml(){
//選擇的企業(yè)還是產(chǎn)品
var vobj = arguments[0];
var vtmp1=vobj.option;
var siteList = '';
switch(vtmp1)
{
//企業(yè)
case '0':
siteList = os.searchCpcj();
var obj = eval(siteList); //獲取JSON
//var sites = obj.cjpage;
var sites = obj;
break;
//產(chǎn)品
case '1':
siteList = os.searchCp();
var obj = eval(siteList); //獲取JSON
// var sites = obj.cppage;
var sites = obj;
break;
}
//獲取分頁總數(shù)
var Pages = Math.floor((sites.length - 1) / PageSize) + 1;
if(Page < 1)Page = 1; //如果當(dāng)前頁碼小于1
if(Page > Pages)Page = Pages; //如果當(dāng)前頁碼大于總數(shù)
var Temp = "";
var BeginNO = (Page - 1) * PageSize + 1; //開始編號
var EndNO = Page * PageSize; //結(jié)束編號
if(EndNO > sites.length) EndNO = sites.length;
if(EndNO == 0) BeginNO = 0;
if(!(Page <= Pages)) Page = Pages;
__$$("total").innerHTML = "總頁數(shù):<strong class='f90'>" + sites.length + "</strong> 顯示:<strong class='f90'>" + BeginNO + "-" + EndNO + "</strong>";
//分頁
if(Page > 1 && Page !== 1){Temp ="<a href='javascript:void(0)' onclick='GotoPage(1)'><<第一頁</a> <a href='javascript:void(0)' onclick='GotoPage(" + (Page - 1) + ")'>上一頁</a> "}else{Temp = "<<第一頁 上一頁 "};
//完美的翻頁列表
var PageFrontSum = 3; //當(dāng)頁前顯示個數(shù)
var PageBackSum = 3; //當(dāng)頁后顯示個數(shù)
var PageFront = PageFrontSum - (Page - 1);
var PageBack = PageBackSum - (Pages - Page);
if(PageFront > 0 && PageBack < 0)PageBackSum += PageFront; //前少后多,前剩余空位給后
if(PageBack > 0 && PageFront < 0)PageFrontSum += PageBack; //后少前多,后剩余空位給前
var PageFrontBegin = Page - PageFrontSum;
if(PageFrontBegin < 1)PageFrontBegin = 1;
var PageFrontEnd = Page + PageBackSum;
if(PageFrontEnd > Pages)PageFrontEnd = Pages;
if(PageFrontBegin != 1) Temp += '<a href="javascript:void(0)" onclick="GotoPage(' + (Page - 10) + ')" title="前10頁">..</a>';
for(var i = PageFrontBegin;i < Page;i ++){
Temp += " <a href='javascript:void(0)' onclick='GotoPage(" + i + ")'>" + i + "</a>";
}
Temp += " <strong class='f90'>" + Page + "</strong>";
for(var i = Page + 1;i <= PageFrontEnd;i ++){
Temp += " <a href='javascript:void(0)' onclick='GotoPage(" + i + ")'>" + i + "</a>";
}
if(PageFrontEnd != Pages) Temp += " <a href='javascript:void(0)' onclick='GotoPage(" + (Page + 10) + ")' title='后10頁'>..</a>";
if(Page != Pages){Temp += " <a href='javascript:void(0)' onclick='GotoPage(" + (Page + 1) + ");'>下一頁</a> <a href='javascript:void(0)' onclick='GotoPage(" + Pages + ")'>最末頁>></a>"}else{Temp += " 下一頁 最末頁>>"}
__$$("pagelist").innerHTML = Temp;
//輸出數(shù)據(jù)
if(EndNO == 0){ //如果為空
__$$("pagelist").innerHTML='';
__$$("content").innerHTML = "<h1>沒有數(shù)據(jù)</h1>";
return;
}
var html = "";
for(var i = BeginNO - 1;i < EndNO;i ++){
switch(vtmp1)
{
//企業(yè)
case "0":
html += "<a href='#' rel='bookmark' title=" +sites[i].cm+ ">";
html += "<p class='url'><span>" +sites[i].cm+ " | "+sites[i].pagen +"</span></p></a>";
break;
//產(chǎn)品
case "1":
// if(sites[i].mc.indexOf(vobj.kw)==-1) continue;
html += "<a href='#' rel='bookmark' title=" +sites[i].mc+ ">";
html += "<p class='url'><span>" +sites[i].mc+ " | "+sites[i].page +"</span></p></a>";
break;
}
}
__$$("content").innerHTML = html;
clickShow(); //調(diào)用鼠標(biāo)點擊事件
//鍵盤左右鍵翻頁
document.onkeydown=function(e){
var theEvent = window.event || e;
var code = theEvent.keyCode || theEvent.which;
if(code==37){
if(Page > 1 && Page !== 1){
GotoPage(Page - 1);
}
}
if(code==39){
if(Page != Pages){
GotoPage(Page + 1);
}
}
}
//鼠標(biāo)滾輪翻頁
function handle(delta){
if (delta > 0){
if(Page > 1 && Page !== 1){
GotoPage(Page - 1);
}
}
else{
if(Page != Pages){
GotoPage(Page + 1);
}
}
}
function wheel(event){
var delta = 0;
if (!event) /* For IE. */
event = window.event;
if (event.wheelDelta) { /* IE或者Opera. */
delta = event.wheelDelta / 120;
/** 在Opera9中,事件處理不同于IE
*/
if (window.opera)
delta = -delta;
} else if (event.detail) { /** 兼容Mozilla. */
/** In Mozilla, sign of delta is different than in IE.
* Also, delta is multiple of 3.
*/
delta = -event.detail / 3;
}
/** 如果 增量不等于0則觸發(fā)
* 主要功能為測試滾輪向上滾或者是向下
*/
if (delta)
handle(delta);
}
/** 初始化 */
if (window.addEventListener)
/** Mozilla的基于DOM的滾輪事件 **/
window.addEventListener("DOMMouseScroll", wheel, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = wheel;
}
//獲取鏈接地址和網(wǎng)站名稱
function showLink(source){
var siteUrl = __$$("siteurl");
var siteName = __$$("sitename");
var description = __$$("description");
if(source.getAttribute("rel") == "bookmark"){
var url = source.getAttribute("href");
var title = source.getAttribute("title");
siteUrl.innerHTML = "<a href='" + url + "' target='_blank'>"+ url +"</a>";
siteName.innerHTML = title;
}
}
//鼠標(biāo)點擊事件
function clickShow(){
var links = __$$("content").getElementsByTagName("a");
for(var i=0; i<links.length; i++){
var url = links[i].getAttribute("href");
var title = links[i].getAttribute("title");
links[i].onclick = function(){
// showLink(this);
return false;
}
}
}
//-->
打包下載地址
您可能感興趣的文章:
- jquery實現(xiàn)靜態(tài)搜索功能(可輸入搜索文字)
- jQuery實現(xiàn)動態(tài)文字搜索功能
- JS實現(xiàn)搜索框文字可刪除功能
- javascript搜索框點擊文字消失失焦時文本出現(xiàn)
- 利用jQuery實現(xiàn)可輸入搜索文字的下拉框
- JavaScript前端頁面搜索功能案例【基于jQuery】
- jQuery Jsonp跨域模擬搜索引擎
- jquery中用jsonp實現(xiàn)搜索框功能
- JQuery+JS實現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果
- 基于jquery的頁面劃詞搜索JS
- jQuery單頁面文字搜索插件jquery.fullsearch.js的使用方法
相關(guān)文章
JS遮罩層效果 兼容ie firefox jQuery遮罩層
史上最精簡,最強(qiáng)大的JS遮罩層效果,支持ie firefox jQuery遮罩層2010-07-07jquery實現(xiàn)漫天雪花飛舞的圣誕祝福雪花效果代碼分享
這篇文章主要介紹了jquery實現(xiàn)漫天雪花飛舞的圣誕祝福雪花效果,很浪漫,感興趣的小伙伴們可以參考一下2015-08-08分享十五款 jQuery 社交網(wǎng)絡(luò)分享插件
這篇文章主要介紹了分享十五款 jQuery 社交網(wǎng)絡(luò)分享插件,需要的朋友可以參考下2015-05-05jQuery利用FormData上傳文件實現(xiàn)批量上傳
這篇文章主要為大家詳細(xì)介紹了jQuery利用FormData上傳文件實現(xiàn)批量上傳功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-12-12Jquery ui datepicker設(shè)置日期范圍,如只能隔3天【實現(xiàn)代碼】
下面小編就為大家?guī)硪黄狫query ui datepicker 設(shè)置日期范圍,如只能隔3天【實現(xiàn)代碼】。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考2016-05-05jquery下拉select控件操作方法分享(jquery操作select)
這篇文章主要介紹了jquery下拉select控件操作方法分享(jquery操作select),需要的朋友可以參考下2014-03-03jQuery EasyUI API 中文文檔 - ProgressBar 進(jìn)度條
jQuery EasyUI API 中文文檔 - ProgressBar 進(jìn)度條,使用jQuery EasyUI的朋友可以參考下。2011-09-09