可是还有点美中不足,那就是提示框里面的内容不美观,和我们在百度搜索中看到的提示框相比,简直是太丑了,哈哈,不急,我们再用css来调整显示的效 #search_auto li.cls{text-align:right;} /*设置提示框内的关闭按钮效果*/ #search_auto li a:hover{backgro
可是还有点美中不足,那就是提示框里面的内容不美观,和我们在百度搜索中看到的提示框相比,简直是太丑了,哈哈,不急,我们再用css来调整显示的效
#search_auto li.cls{text-align:right;} /*设置提示框内的关闭按钮效果*/
#search_auto li a:hover{background:#D8D8D8; text-decoration:none; color:#000;} /*当鼠标移入提示框内时的效果*/
现在才算是真正的完全制作完成,至于要不要设置一个延迟处理,或是其它更完善的功能,留给朋友们自己开动脑筋了,大家也可以在下面回复你的想法,等等。
客户端完整代码:
<script><BR> $(function(){<BR> <BR> $(#search_auto).css({width:$(#search input[name="k"]).width()+4});<BR> $(#search input[name="k"]).keyup(function(){<BR> $.post(search_auto.php,{value:$(this).val()},function(data){<BR> if(data==0) $(#search_auto).html().css(display,none);<BR> else $(#search_auto).html(data).css(display,block);<BR> });<BR> });<BR> <BR> });<BR> </script>
服务器端完整代码:
$v=$_POST[value];
$re=mysql_query("select * from test where title like %$v% order by addtime desc limit 10");
if(mysql_num_rows($re) echo
[1] [2]