Jquery插件SimpleUI实现淘宝搜索下拉提示autocomplete

共5个文件

js：3个

html：1个

css：1个

Jquery

下拉提示

autocomplete

5星 · 超过95%的资源需积分: 9 29 下载量 135 浏览量 2011-11-24 16:03:10 上传评论收藏 40KB RAR 举报

温馨提示

jquery插件simpleui，可以实现淘宝搜索下拉提示的功能。效果演示地址：淘宝比比 http://www.taobaobibi.com/

资源推荐

资源详情

资源评论

收起资源包目录

taobaosearch.rar （5个子文件）

css

style.css 532B

taobaosearch.html 1KB

SimpleAutoComplete.js 12KB

jquery-1.7.min.js 92KB

SimpleCore.js 22KB

共 5 条

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>无标题文档</title> <script type="text/javascript" src="js/jquery-1.7.min.js"></script> <script type="text/javascript" src="js/SimpleCore.js"></script> <script type="text/javascript" src="js/SimpleAutoComplete.js"></script> <link rel="stylesheet" href="css/style.css" /> </head> <body> <input type="text" name="kw" id="input_search_text" value="" /> <script type="text/javascript"> $("#input_search_text").autocomplete({ source: function(val, parse){ $.ajax({ url:"http://suggest.taobao.com/sug?code=utf-8&callback=?", data:{ q:val }, dataType:"jsonp", success:function(r){ parse(r); } }); }, format:function(value,item){ var itemText=item[0].replace(value, "<b class='orange'>" + value + "</b>"), li=$("<li/>").html(itemText).data("value",item[0]); return li; }, isResult:function(data){ return data.result.length; }, dealData:function(data){ return data.result; }, onselect:function(val){ Simple.log(val); } }) </script> <p> 演示:<a href="http://www.taobaobibi.com">淘宝比比</a> </p> </body> </html>

评论收藏

内容反馈