会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
自由翱翔
首页
新随笔
联系
订阅
管理
jQuery.Autocomplete仿baidu、google提示信息
暂且没有实现与数据库交互,数据是写死。
Code
<!
DOCTYPE HTML PUBLIC
"
-//W3C//DTD HTML 4.01 Transitional//EN
"
"
http://www.w3.org/TR/html4/loose.dtd
"
>
<
html
>
<
head
>
<
script src
=
"
http://code.jquery.com/jquery-latest.js
"
></
script
>
<
link rel
=
"
stylesheet
"
href
=
"
http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/main.css
"
type
=
"
text/css
"
/>
<
link rel
=
"
stylesheet
"
href
=
"
http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css
"
type
=
"
text/css
"
/>
<
script type
=
"
text/javascript
"
src
=
"
http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js
"
></
script
>
<
script type
=
"
text/javascript
"
src
=
"
http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js
"
></
script
>
<
script type
=
"
text/javascript
"
src
=
"
http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js
"
></
script
>
<
script
>
$(document).ready(function(){
var data
=
"
Car Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities
"
.split(
"
"
);
$(
"
#example
"
).autocomplete(data);
});
</
script
>
</
head
>
<
body
>
API Reference:
<
input id
=
"
example
"
/>
(
try
"
C
"
or
"
E
"
)
</
body
>
</
html
>
效果图:
posted @
2009-09-12 15:57
WCJ
阅读(
816
) 评论(
0
)
编辑
收藏
举报
刷新页面
返回顶部
公告