首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → 求google搜索框的提示效果，我自己写了一下，不知道问题在哪里，请教

求google搜索框的提示效果，我自己写了一下，不知道问题在哪里，请教

时间：2009-04-27

来源：互联网

写以前用ff看了google的代码一下
感觉是一个table，然后插入<tr>来实现的
所以自己写了一个，但是没效果，我检查过json返回数据是对的

复制代码
  1.         $("#tyr").keyup(function(e){
  2.             if($(this).val().length>0){
  3.                 $.get("tyr.asp",{tyr:$(this).val()},function(data){
  4.                     if(!data){
  5.                         $("#ttyr").css("visibility","hidden");
  6.                     }else{
  7.                         //alert(data.length);
  8.                         $("#ttyr").css("left",$(this).css("left")).css("top",$(this).css("top")+$(this).css("height")).css("width",$(this).css("width"));
  9.                         for(var i=0 ;i<data.length;i++ )
  10.                         {
  11.                             ttyr+="<tr><td>"+data[i].tyr+"</td></tr>";
  12.                         }
  13.                         $("#ttyr").html(ttyr).css("visibility","visible");
  14.                     }
  15.                 },"json");
  16.             }
  17.         }).blur(function(){
  18.             $("#ttyr").css("visibility","hidden");
  19.         });


复制代码
  1. <input type="text" id="tyr" name="tyr" /><table id="ttyr" class="gac_m" style="visibility:hidden;"></table>

在代码中alert部分，能正确输出返回的数组的长度
css拷贝自google
复制代码
  1. .gac_m {
  2.     background:white none repeat scroll 0 0;
  3.     border:1px solid black;
  4.     cursor:default;
  5.     font-size:13px;
  6.     line-height:17px;
  7.     margin:0;
  8.     position:absolute;
  9.     z-index:99;
  10. }
[ 此帖被ggcall在2009-04-27 16:30重新编辑 ]

作者: ggcall   发布时间: 2009-04-27

友情　up !

作者: zhaodalong   发布时间: 2009-04-27

哦，我犯了个低级错误，已经解决！

作者: ggcall   发布时间: 2009-04-27

能告诉我你犯什么错误了吗

作者: kouyubo   发布时间: 2009-04-27

$("#ttyr").css("left",$(this).css("left"))
这里不能用this，要用$("#tyr")

作者: ggcall   发布时间: 2009-04-27

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net