zoukankan      html  css  js  c++  java
  • “百度搜索框提示”代码

    使用方法:

           百度提供了2种自定义调用的方法
    方法一:

          第一步
    为需要添加“百度搜索框提示”功能的<input>标签添加baiduSug属性。例如:
    <input type=”text” name=”word” baiduSug=”1|2″>
    当设置baiduSug=1时,用户选中sug词条时默认执行表单提交动作;
    当设置baiduSug=2时,用户选中sug词条时不执行表单提交动作。
           第二步
          在网页中引入Javascript文件:

    <script charset=”gbk” src=”http://www.baidu.com/js/opensug.js”></script>

          经Gonten测试,使用该方法非常简单,而且使用方便,提示下拉框可以根据输入框宽度自动调整。

      看效果:http://www.baidu.com/search/sug/demo1.html

    方法二:

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

    <script charset=”gbk” src=”http://www.baidu.com/js/opensug.js”></script>

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

    BaiduSuggestion.bind(inputObj|inputId,[params],[confirmCallback]);
    inputObj|inputId:
    为需要绑定搜索框提示功能的input对象或input对象的id。
    params:
    绑定搜索框提示功能时用到的参数,必须以Json形式给出,例如:
    {
    “XOffset”:0, //提示框位置横向偏移量,单位px
    “YOffset”:0, //提示框位置纵向偏移量,单位px
    “width”:350, //提示框宽度,单位px
    “fontColor”:”#03c”, //提示框文字颜色
    “fontColorHI”:”#FFF”, //提示框高亮选择时文字颜色
    “fontSize”:”12px”, //文字大小
    “fontFamily”:”宋体”, //文字字体
    “borderColor”:”#03c”, //提示框的边框颜色
    “bgcolorHI”:”#fd0″, //提示框高亮选择的颜色
    “sugSubmit”:false //选中提示框中词条时是否提交表单
    }
    confirmCallback(txt):
    当用户选择提示中具体选项时的回调函数,txt为用户选择的内容。

    提示:
    Javascript代码请添加到网页中</body>标签的后面。
    Javascript文件的应在BaiduSuggestion.bind()方法被调用之前引入。
    查看样例效果

          一般情况下使用第一种方法就够了,使用比较方便,如果你会使用第二种也不错。在搜索提示的右下角是有“百度搜索框提示”的文字,而且有链接到百度。想去掉?不难,Gonten为大家找出了屏蔽方法。就是在输入框上面添加:

    <style type=”text/css”>
    <!–
    .bdsug_copy{display:none}
    –>
    </style>

    就可以了,也可以添加到<head>里。

  • 相关阅读:
    LeetCode 382. Linked List Random Node
    LeetCode 398. Random Pick Index
    LeetCode 1002. Find Common Characters
    LeetCode 498. Diagonal Traverse
    LeetCode 825. Friends Of Appropriate Ages
    LeetCode 824. Goat Latin
    LeetCode 896. Monotonic Array
    LeetCode 987. Vertical Order Traversal of a Binary Tree
    LeetCode 689. Maximum Sum of 3 Non-Overlapping Subarrays
    LeetCode 636. Exclusive Time of Functions
  • 原文地址:https://www.cnblogs.com/cphmvp/p/4192409.html
Copyright © 2011-2022 走看看