栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > PHP > php开源框架 > dedecms

织梦实现百度搜索下拉菜单提示信息功能

dedecms 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

织梦实现百度搜索下拉菜单提示信息功能

百度站内搜索”也比较成熟了,可以设置站内搜索还是全网搜索,还能获得广告费用,许多人就放弃DedeCMS原生的搜索功能。如果能实现和百度搜索一样下拉菜单来对本站标题AJAX预加载,效率会高许多,DedeCMS搜索功能比较强大,不妨利用AJAX实现这个小功能。也算是对AJAX的一种应用。

百度搜索下拉菜单

 

在需要增加该功能的模板之前增加js代码


 


在/plus/下增加search_list.php,代码如下

 为保证数据安全,数据库调用以下橙色部分的还是规定范围。

0) {
  $dsql->SetQuery("SELECt id,title,typeid FROM dede_archives WHERe title LIKE '%$queryString%' and arcrank=0 order by click desc LIMIT 10");
  $dsql->Execute();
  while ($result = $dsql->GetArray()) {
   $bb=$result["title"];
   //把查询到的标题存入$bb
   $bb=str_ireplace($queryString, ''.$queryString.'', $bb);
   //使查询到的关键字为红色,更改color后边的颜色代码,可以改变颜色。
   $a=$result["typeid"]; 
   $row=$dsql->GetOne("SELECT typedir,id FROM dede_arctype WHERe id=$a");
   $aa=$row['typedir'];
   $aa=str_replace("{cmspath}",$cfg_basehost,$aa);//绝对路径处理
   $id=$result['id'];
   echo '
  • '.$bb.'
  • '; } }else{ } }else{ echo '参数为空!!'; } ?>

     

    CSS样式可以自己写,比如

    .suggestionsBox { position:relative; left:0px;width: 250px; background: white;border: 1px solid #dcdcdc;color: #323232; z-index:999; } 

    .suggestionList { margin: 0px; padding: 0px; } 

    .suggestionList li { margin: 0px 0px 3px 0px; position:relative;padding: 3px; cursor: pointer;list-style:none;padding-left:5px;height:20px;overflow:hidden} 

    .suggestionList li:hover { background-color: #659CD8; } 

    .jr{position:absolute;top:9px;right:-5px}

    上面的修改方法只适合utf-8版本的织梦,utf-8称为万国码,兼容性更强,听说一些手机还不兼容gbk,此教程适合织梦静态URL。

     
    转载请注明:文章转载自 www.mshxw.com
    本文地址:https://www.mshxw.com/it/7751.html
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号