百度搜索弹出框效果

$(\"#sousuo\").live('click', function () { $(\"ul.sousuo_lishi\").show(); });

varsyl_n = 0;

varsyl_li_sum = $(\"ul.sousuo_lishi>li\").length; $(document).keyup(function () { if (window.event.keyCode == 40) { if (syl_n == syl_li_sum) { syl_n = 0; }

$(\"ul.sousuo_lishili:eq(\" + syl_n + \")\").css({ \"background\": \"#f0f0f0\" }).siblings().css({ \"background\": \"#fff\" });

syl_n++;

$(document).keyup(function () { if (window.event.keyCode == 13) {

$(\".sousuo\").val($(\"ul.sousuo_lishili:eq(\" + syl_n + \")\").text()); $(\"ul.sousuo_lishi\").hide(); } }); } });

$(\"ul.sousuo_lishi li\").click(function () { $(\".sousuo\").val($(this).text()); $(this).parent().hide(); })

$(\"ul.sousuo_lishi li\").mouseenter(function () { syl_n = $(this).index();

$(this).css({ \"background\": \"#f0f0f0\" }).siblings().css({ \"background\": \"#fff\" }); })

$(\".sousuoyu\").mouseleave(function () { $(\"ul.sousuo_lishi\").hide(); })