实现百度搜索效果

最新推荐文章于 2022-10-29 21:27:15 发布

liu_111111

最新推荐文章于 2022-10-29 21:27:15 发布

阅读量1.8k

点赞数 1

分类专栏： jQuery 文章标签：百度 jQuery

本文链接：https://blog.csdn.net/liu_111111/article/details/8896683

版权

jQuery 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#txtKey{width:300px;}
</style>
<link href="css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script src="js/Jquery1.7.js" type="text/javascript"></script>
<script src="js/jquery.autocomplete.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var array = ['asp.net', 'asp.net mvc', '张一', '张二', '张三', 'wcf', 'wpf', 'win8', 'windows phone'];
$('#txtKey').autocomplete(array).result(function (event, date) {
window.location.href = 'http://www.baidu.com/s?wd=' + date + '&rsv_spt=1&issp=1&rsv_bp=0&ie=utf-8&tn=baiduhome_pg&rsv_n=2&rsv_sug3=1&rsv_sug=0&rsv_sug1=1&rsv_sug4=57&inputT=1111';
})
})
</script>
</head>
<body>
<input id="txtKey" type="text" /><input id="Button1" type="button" value="百度一下" /><input id="Text1" type="text" />
</body>
</html>