百度搜索下拉框提示代码 opensug.js

opensug

·简单方式——方便的将"百度搜索框(带提示功能)"直接加入到您的网页中。

将以下代码加入到您的网页中,即可获得带有"搜索框提示"功能的百度搜索框。
HTML代码:

<form action="http://www.baidu.com/baidu" target="_blank">
<table bgcolor="#FFFFFF"><tr><td>
<input name=tn type=hidden value=baidu>
<a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" alt="Baidu" align="bottom" border="0"></a>
<input type="text" name="word" size="30" baiduSug="1">
<input type="submit" value="百度搜索">
</td></tr></table>
</form> 

JavaScript代码:

<script charset="gbk" src="https://cdn.jsdelivr.net/opensug/1.1.1/opensug.js"></script> 

提示: Javascript代码请添加到网页中</body>标签的后面。
如使用utf-8编码,则需要在HTML代码中加入<input name=ie type=hidden value=utf-8>,同时务必在script标签中设置charset=gbk属性,否则搜索关键词和提示词会出现乱码。

·添加方式——快速的为页面中已有的"百度搜索框"或其他文本输入框添加"百度搜索框提示"功能。
第一步
为需要添加"百度搜索框提示"功能的<input>标签添加baiduSug属性。例如:
<input type="text" name="word" baiduSug="1|0">
当设置baiduSug=1时,用户选中sug词条时默认执行表单提交动作;
当设置baiduSug=0时,用户选中sug词条时不执行表单提交动作。

第二步
在网页中引入Javascript文件:

<script charset="gbk" src="https://cdn.jsdelivr.net/opensug/1.1.1/opensug.js"></script>

提示:
如果网页中有多个输入框需要添加"百度搜索框提示"功能,请为每个输入框都加上baiduSug属性。
Javascript代码请添加到网页中</body>标签的后面。
如使用utf-8编码,请务必在script标签中设置charset=gbk属性,否则搜索提示词会出现乱码。

=========================================================

自定义方式——提供"百度搜索框提示"API,打造您的个性化搜索框提示功能!

第一步
在网页中引入Javascript文件:

<script charset="gbk" src="https://cdn.jsdelivr.net/opensug/1.1.1/opensug.js"></script>

第二步
在Javascript程序中调用BaiduSuggestion.bind()方法将"百度搜索框提示"功能和页面上的元素进行绑定。
BaiduSuggestion.bind()的具体形式为:

BaiduSuggestion.bind(inputObj|inputId,[params],[confirmCallback]);

inputObj|inputId: 为需要绑定搜索框提示功能的input对象或input对象的id。
params: 绑定搜索框提示功能时用到的参数,必须以Json形式给出,例如:

BaiduSuggestion.bind(’inputObj’,{
"XOffset":0, //提示框位置横向偏移量,单位px
"YOffset":0, //提示框位置纵向偏移量,单位px
"width":350, //提示框宽度,单位px
"fontColor":"#03c", //提示框文字颜色
"fontColorHI":"#FFF", //提示框高亮选择时文字颜色
"fontSize":"12px", //文字大小
"fontFamily":"宋体", //文字字体
"borderColor":"#03c", //提示框的边框颜色
"bgcolorHI":"#fd0", //提示框高亮选择的颜色
"sugSubmit":false //选中提示框中词条时是否提交表单
}[,confirmCallback]);

confirmCallback(txt): 当用户选择提示中具体选项时的回调函数,txt为用户选择的内容。

提示:
Javascript代码请添加到网页中</body>标签的后面。
如使用utf-8编码,请务必在script标签中设置charset=gbk属性,否则搜索提示词会出现乱码。
Javascript文件的应在BaiduSuggestion.bind()方法被调用之前引入。

时间: 2024-12-05 03:16:45

百度搜索下拉框提示代码 opensug.js的相关文章

jquery 仿百度搜索下拉框的插件

转载地址:http://www.open-open.com/lib/view/open1420624048437.html 今天写了个下拉插件分享出来 效果: , 可以搜素,也可以使用上下键选择匹配出来的值 css 1 .select4_box { 2 border: 1px solid #5897fb; 3 position: absolute; 4 width: 250px; 5 background: #fff; 6 border-radius: 4px; 7 -webkit-box-sh

搜索下拉框

学习的过程中总会遇到很多同类的问题,把这写常用的东西写出来供参考不错,今天开始做这件事.今天是实现的搜索下拉框,代码如下: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>搜索下拉框</title> 6 <script src="http://cdn.bootcss.com/jquery/2.1.4/jque

jQuery自动显示搜索下拉框

描述:当用选择查询时,根据输入的关键字动态从后台模糊查询,把结果异步显示在前端. jsp代码; <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <% String

2019如何刷百度电脑下拉框?

如何刷百度下拉框? 巧推网业务主要是快速排名和下拉框排名,今天小编给大家说说百度下拉框排名是怎么刷,以及效果如何?下面先看看我们给自己刷的几个案例: 以上是2个百度电脑端下拉框案例,我们可以看到其构成是“主关键词”+后缀副词:比如“企业排名优化”是主词,“巧推网”就是后缀词,我们在刷词的时候,后缀一般都是我们的品牌词.这样用户点击这个下拉词的时候,就会匹配到我们官网信息,从而起到引流的作用. 不仅如此,即时用户没有点击进来,也起到了增加我们品牌词曝光率. 刷下拉词的大概原理就是系统模仿用户的搜索

Html下拉框的定义以及JS、Jquary取值、添加和移除

现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 <select id="test"  name="" multiply="multiply" size="10">   //multiply设置可以多行显示,size设置默认显示多少行.  <option   value="1">text1</option>

百度搜索下拉提示框实现

最近在做百度IFE前端技术学院的题,然后有一题就是模拟百度搜索智能提示.题目是开源的,稍后给出地址. 因为博主没学过后端啊,欲哭无泪,所以不能实现后端模糊搜索,那如果前端ajax纯粹请求一份同样的数据,效果就不好. 机智的博主直接把百度搜索api借来一下. 直接从开发者工具,监控网络,找到请求地址. 百度api: 我把api缩减了一下,删除了大部分暂时用不上的参数. https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=abc&json=

百度地图下拉框搜索建议,并自动添加标注点

HTML代码(MVC) @*-------------------调用地图接口在百度地图的基础上,添加自动搜索(地区)框----------------------------------*@ @{ Layout = null; } <script src="~/Scripts/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="http://a

利用 lucene.net 实现高效率的 WildcardQuery ,记一次类似百度搜索下拉关键字联想功能的实现。

打开百度输入  站内搜索也要实现类似功能.最基础的做法,写个方法查数据库搜索历史综合表keywordSearch(先将被搜索过的关键字记录到一张表,记录好他们被搜索的次数.上次搜索的有多少结果) 大概一条sql语句:select keyword,searchCount,xxxx from table where keyword like '会计%' 当表 keywordSearch 记录很有几百上千万的时候,like显然不能及时响应了.但是这种关键字联想的一旦有延迟返回,那是很不好的体验.还没等

js+servlet实现百度搜索栏下拉框的实现

前端代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> #mydiv { position: absolute; left: 50%; top: 50%; margin-left: -200p