資料採用json，格式為,]}
js**:
/**//*
*/$.fn.autocomplete
=function
(url,option)
};
$.extend(doption,option);
varilengthlower
=doption.ilengthlower;
varilengthupper
=doption.ilengthupper;
varstrpara
=doption.strpara;
if($(
"#autocomplete
").length
<
1) $("
#autocomplete
").hide();
$(me).keyup(
function
(e));
$(me).keydown(
function
(e));
$(me).bind(
"blur",
function
();
floorhide();
});
varencode
=function
(v)
function
floorhide()
function
floorshow()).show();
strkey=""
;
isshow
=true
;
}
function
keysearch(code)).mouseout(
function
()).click(
function
()});
floorshow();
}else
}
});
strkey
=$(me).val();
}
if(strkey.length ==0
||strkey.length
<=
ilengthlower
||strkey.length
>=
ilengthupper) floorhide();
}
function
lineselect(code);
//回車鍵、esc鍵
if(code
==13
); if(
!isshow)
return
;
objselected=$(
"#autocomplete ul .selected
");
if(objselected.length
>0)
else
}else
if(code
==40
)else
}
}else
if(code
==38
)else
if(code
== 40
)
}
}
css**:
#autocomplete
{}/**//*
每行的格式
*/#autocomplete li
{}/**//*
滑鼠選中時的格式
*/#autocomplete .selected
{}/**//*
滑鼠離開時代格式
*/#autocomplete .unselected
{}/**//*
關鍵字資訊
*/#autocomplete .keyname
{}/**//*
關鍵字擴充套件資訊
*/#autocomplete .keyextend
{}#autocomplete .unselected .keyextend
{}#autocomplete .selected .keyextend
{}/**//*
關閉*/
#autocomplete .close
{}#autocomplete .close span
{}
呼叫範例
$("#keyword").autocomplete("search.asp");
只是search.asp返回的資料要是上面所提供的格式，對於php來說就太方便了，只要生成相應的陣列，然後json_encode一下就全出來了
基於React Native構建的仿京東客戶端
基於react native構建的仿京東客戶端 react native入門 布局實踐 開發京東客戶端首頁 一 react native入門 布局實踐 開發京東客戶端首頁 二 tabbar的構建 react native布局實踐 開發京東客戶端首頁 三 輪播圖的實現 react native布局實踐...
仿JQuery原始碼封裝的庫函式
最近通過研究jq，有一種想要自己封裝乙個庫函式的衝動，因此，自己diy了乙個庫函式。api說明 類似於jquery中的 getid id 通過id獲取元素 getclassname classname 通過classname獲取元素集合 css param1 params2 可以設定或者獲取css樣...
仿JQuery的show與hide動畫函式
首先介紹兩個工具函式 1 根據id返回dom元素 2var function id 3 返回dom元素的當前某css值 4var getcss function obj,name 9 ff10 else14 hide函式 2var hide function obj,speed,fn 9else 1...