bigAutocomplete插件jQuery搜索提示框效果实例资源-CSDN文库

共5个文件

js：2个

html：1个

png：1个

html

jquery

ajax

搜索提示

5星 · 超过95%的资源需积分: 12 176 浏览量 2016-11-15 15:13:07 上传评论收藏 38KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

bigAutocomplete插件jQuery百度搜索提示框效果代码.rar （5个子文件）

demo.html 2KB

jquery.bigautocomplete.js 7KB

jquery-1.7.2.min.js 93KB

css

jquery.bigautocomplete.css 583B

img

spis_031ddf34.png 3KB

<!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=utf-8" /> <title>jQuery百度搜索提示框效果代码</title> <link rel="stylesheet" href="css/jquery.bigautocomplete.css" type="text/css" /> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/jquery.bigautocomplete.js"></script> <script type="text/javascript"> $(function(){ $("#tt").bigAutocomplete({ width:543, data:[{title:"abcde",result:{ff:"6666"}},//这个result是返回值 {title:"abcde"}, {title:"abcde"}, {title:"dea"}, {title:"abcde"}, {title:"abcde"}, {title:"bdae"}, {title:"bcde"}, {title:"bde"}, {title:"bcde"}], callback:function(data){ alert(data.title); } }) }) </script> </head> <body> <style type="text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} .demo{width:720px;margin:30px auto;} .demo h2{font-size:16px;color:#3366cc;height:30px;} .demo li{float:left;} .text,.button{background:url(img/spis_031ddf34.png) no-repeat;} .text{width:529px;height:22px;padding:4px 7px;padding:6px 7px 2px\9;font:16px arial;border:1px solid #cdcdcd;border-color:#9a9a9a #cdcdcd #cdcdcd #9a9a9a;vertical-align:top;outline:none;margin:0 5px 0 0;} .button{width:95px;height:32px;padding:0;padding-top:2px\9;border:0;background-position:0 -35px;background-color:#ddd;cursor:pointer} </style> <div class="demo"> <h2>jQuery百度搜索提示框效果代码</h2> <form action="#" method="post" name="searchform" id="searchform" class="searchinfo"> <ul> <li><input type="text" id="tt" value="" class="text" /></li> <li><input type="submit" value="搜索" class="button" /></li> </ul> </form> </div> <div style="text-align:center;"> <p>来源：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p> </div> </body> </html>

评论收藏

内容反馈