ECSHOP搜索结果滑动下拉显示相关商品的效果

2016-06-13 13:05 来源:www.chinab4c.com 作者:ecshop专家

所需要的样式我们可以复制到style.css里:     /*搜索滑动效果*/ .Menu { position:absolute; top:30px; left:7px; width:150px; height:auto; z-index:1; background:#FFF; border:1px solid #000; display:none; } .Menu2 { position: absolute; left:0; top:0; width:100%; height:auto; overflow:hidden; z-index:1; } .Menu2 ul{margin:0;padding:0} .Menu2 ul li{width:100%;height:25px;line-height:25px;text-indent:15px;              border-bottom:1px dashed #ccc;color:#666;cursor:pointer;background:#FFF;     change:expression(      this.onmouseover=function(){        this.style.background="#F2F5EF";      },      this.onmouseout=function(){        this.style.background="";      }     )    } input{width:200px} .form{width:200px;height:auto;} .form div{position:relative;top:0;left:0;margin-bottom:5px} 复制代码 以下代码需要加到输入框普遍 比如page_header.lbi   复制代码 我们输入框的代码

复制代码 ajax请求php的代码 search_div.php   table('goods')." where goods_name like '%$keywords%'";   $brand_array = $GLOBALS['db']->getall($sql);   foreach($brand_array as $ids =>$value)   {    $brand_array[$ids]['goods_name'] = sub_str_xaphp($brand_array[$ids]['goods_name'],5);      }   make_json_result($brand_array); } function sub_str_xaphp($str, $length = 0, $append = true) {     $str = trim($str);     $strlength = strlen($str);     if ($length == 0 || $length >= $strlength)     {         return $str;     }     elseif ($length < 0)     {         $length = $strlength + $length;         if ($length < 0)         {             $length = $strlength;         }     }     if (function_exists('mb_substr'))     {         $newstr = mb_substr($str, 0, $length, EC_CHARSET);     }     elseif (function_exists('iconv_substr'))     {         $newstr = iconv_substr($str, 0, $length, EC_CHARSET);     }     else     {         //$newstr = trim_right(substr($str, 0, $length));         $newstr = substr($str, 0, $length);     }     if ($append && $str != $newstr)     {         $newstr .= '';     }     return $newstr; } ?> 复制代码 在商品少的情况下 我们之间查询 如果多了,ecshop模板屋建议修改程序