搜索内部关键字引擎

主要用的技术有 jQuery, ajax,这里主要是前端部分。

具体代码如下:

<script src="${pageContext.request.contextPath}/statics/js/jquery-1.8.3.min.js" type="text/javascript"></script>//导入必要的jQuery包
<script type="text/javascript">
   $(function(){
       $("#txtKeyWord").keyup(function(){
           var keyWords=$(this).val();
           if(keyWords==''){
               $("#word").hide();
               return ;
               }
      $.post("getFullTextsByKeys",{"keys":$('#txtKeyWord').val()},function(result){
          $("#word").empty().show();
          $(result).each(function() {
            $("#word").append("<div class='click_work'>"+this+"</div>");
        });       
          },"JSON")
          $(document).on("click",".click_work",function(){
              var a=$(this).text();
              $('#txtKeyWord').val(a);
              $('#word').hide();
              });
           });
       });
</script>

 

HTML的部分:

<style type="text/css">
    #word{
        position: absolute;
        z-index: 99;
        width: 445px;
        height: auto;
        background-color: white;
        border: black solid 1px;
        display: none;
    }
    .click_work{
        padding-bottom: 8px;
        font-weight:lighter;
        font-size: 13px;
        cursor:pointer;/*鼠标放上变成小手*/
    }
    .click_work:hover{
        color: orange;
        background-color: gray;
    }
    .error{
        color: gray;
        cursor:pointer;/*鼠标放上变成小手*/
    }
</style>

<body>

<center>
    <h1>公司内部关键词引擎</h1>
</center>
<table align="center" cellspacing="0" cellpadding="10" border="0" >
    <tr>
        <td style="position: relative;">
            <input type="text" id="txtKeyWord" placeholder="搜索" size="59">
            <input type="button" value="Go">
            <div id="word"></div>
        </td>
    </tr>
</table>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
</div>
</body>
</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于本软件——SEO排名检索工具——突破传统排名查询概念——超越观其排名查询工具 =========================================================================================== 打造中国站长自己的软件:SEO排名检索工具 SEO排名检索工具 | SEO排名检索工具 (0 0) +-----oOO----(_)----------+ | 掌控自己 | | 把握敌人 | | 德玛西亚万岁 | +------------------oOO----+ |__|__| || || ooO Ooo ==================================== 软件操作说明 ======================================== =========================================================================================== |★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆O_|_O☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★| =========================================================================================== 1.搜索关键词:搜索关键词数量不限,每行一个关键词。 2.索引关键词:索引关键词数量不限,每行一个关键词。索引关键词是指作为唯一判断词,如图demo.jpg。 注意:尽可能使用公司名称或简称作为索引关键词,切勿将搜索关键词作为索引关键词,否则可能出现查 询结果误差。因为百度搜索结果中关键词一般都为标红状态,如果将搜索关键词作为索引关键词,可能出 现索引关键词不完整检索,导致查询结果误差。一般发布信息都会加上本公司名称,即唯一检索标准。 正确的搜索如:搜索关键词为“羽绒服”;索引关键词为“波士顿”。“羽绒服”搜索关键词; “波士顿”为品牌名称或公司名。 3.网站域名:网站域名数量不限,每行一个关键词。辅助查询结果用,可不填写,如填写可增加查询结果 的准确性。 注意:只需要填写网站主域名即可。 4.排名页面:根据以上条件进行查询,获取百度搜索结果前N位所出现的所有排名页面结果。 作用:方便了解自身产品在百度首页占据数量及相关页面,对结果可以做出及时的优化调整。 5.榜上有名:用于查询百度首页或前N页中每个“索引关键词”出现的位置排名及网站域名。 作用:用来分析本公司与竞争对手的排名优劣势,以及信息来源。 6.下拉框:10、20、50、100表示查询前多少位中的数据,10即前10以内;100即前100以内; ==================================== 软件操作说明 ======================================== =========================================================================================== |★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆O_|_O☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★| =========================================================================================== ==================================== 使 用 协 议 ======================================== 1.本程序来源于互联网,版权归程序原作者所有。软件最终解释权归程序原作者所有。 2.本软件上传前经过最新360查杀,但也可能有别的原因查毒不彻底,敬请下载后自行重新检查,谢谢合作。 3.由于程序来源于互联网,所以不能完全保证程序安全性,如出现任何经济或商业机密损失概不负责。 4.本程序只供研究使用,请在下载后24小时内删除!使用本软件所产生的【任何】损失都由使用者本人负责。 ==================================== 使 用 协 议 ======================================== ==================================== 2012年11月23日========================================    /\~~~~~~~~~~~~~\   ▓  ^*^   ☆  $$  .☆   ./ \~~~▓~  ~~~~\ ◆  圣诞 .快乐  *  $◢◣$  *   / ^^ \ ══════\.◆    * *  *  $◢★◣$  *  ..▎[] ▎田 田 ▎ |┃◆  .     *  $◢■■◣$  *  &&▎  ▎    ▎'|'▎ @       * $◢■■■◣$ * # ■■■■■■■■■■〓▄▃▂▁愿你圣诞快乐︸︸||︸︸

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值