当前位置:首页 > 开发 > Web前端 > 前端 > 正文

百度词库联想

发表于: 2015-06-04   作者:annan211   来源:转载   浏览:
摘要: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title&g

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>RunJS</title>
        <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    </head>
    <body>
        <input name="keywords" type="text" id="keyword" value=""
        class="searchInputT">
    <div class="queryList">
        <ul>
        </ul>
    </div>
    <script type="text/javascript">
    var styleSetting=function(){
        $(".queryList").css("margin","0px");
        $(".queryList").css("width","247px");
        $(".queryList").css("padding","0px");
        $(".queryList").css("margin","0px");
        $(".queryList").css("padding","0px");
        $(".queryList").css("z-index","9999999");
        $(".queryList *").css("background","#FFF");;
        $(".queryList").css("border-left","1px solid #cccccc");
        $(".queryList").css("border-right","1px solid #cccccc");
        $(".queryList").css("border-bottom","1px solid #cccccc");
        $(".queryList ul li").css("padding","5px 0 5px 0px");
         
        $(".queryList ul li").hover(function(){
            $(this).css("background","#ccc");
        },function(){
            $(this).css("background","#FFF");
        });
    }
    var eventSetting=function(){
$(".queryList ul li").click(function(){
            console.log($(this).html());
            $("#keyword").val($(this).html());
        });
    }
    $(function() {
        $("#keyword")
                .bind(
                        "input propertychange",
                        function() {
                            $
                                    .ajax({
                                        url : "http://suggestion.baidu.com/su?json=1&cb=queryList&wd="
                                                + $(this).val(),
                                        type : 'GET',
                                        dataType : 'jsonp'
                                    });
                        });
    });
    queryList = function(result) {
        var queryList = result.s;
        if (queryList.length < 1) {
            console.log("ûԐŚɝ");
            $(".queryList").hide();
        } else {
            $(".queryList ul").html("");
            for (var i = 0; i < queryList.length; i++) {
                $(".queryList ul").append("<li>"+queryList[i]+"</li>");
            }
            styleSetting();
            eventSetting();
            $(".queryList").show();
        }
        console.log(queryList);
    }
    </script>
    </body>
</html>

百度词库联想

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
<html><head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"
前面抓取了一次百度百科,见 http://rabbit9898.iteye.com/blog/1178199 是2011年9月份的,这次又对
今天偶然间发现一个十分有意思的情况,在百度搜索"整形美容哪家里好"这个关键词,然后把排第一页的几个
首先,在HTML 中 增加个这个。因为这个功能要用Ajax实现 <%@ Register Assembly="AjaxControlToo
实现效果如图 下载代码需注意修改AndroidManifest.xml文件下的百度地图apikey和包名om.baidu.lbsapi
参考文章《用QQ拼音打五笔》中提供的信息而制作的小工具,功能是将QQ五笔导出词库文件转换为QQ拼音
参考文章《用QQ拼音打五笔》中提供的信息而制作的小工具,功能是将QQ五笔导出词库文件转换为QQ拼音
这里的版本为solr 3.5 + ikanalyzer 3.2.8 ik下载版本 https://code.google.com/p/ik-analyzer/downl
收藏以便以后用到: 转自:http://blog.csdn.net/askpp/archive/2009/09/08/4532355.aspx 庖丁分词
SynchronousQueue介绍 SynchronousQueue是一种阻塞队列,该队列没有任务的容量。内部实现采用了一种
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号