您的位置: 首页 >日志>动易系统>详细内容

动易系统

利用关键词库建立搜索文本框自动匹配关键词

来源:本站原创 发布时间:2011-11-02 22:46:15 浏览次数: 【字体:

  相信许多人都会用过搜索栏自动匹配关键词的功能,无论是像google、baidu的专业搜索引擎,还是普通的网站,现在许多都用上了这种关键词匹配技术,在百度中输入“海贼王”,结果自动出现一个下拉菜单,自动替我把常见的关键字都列了出来,我各人觉得这个功能非常人性化,在现在的Web设计中,提高用户体验是企业最为注重的内容之一。在搜索表单中,根据输入的部分内容进行关键字匹配提示功能,就是最直观和常用的交互体验,类似功能已经被多数的互联网网站应用。

而现在,动易系统也能够做到这一点了,可喜可贺。

这个功能出自民间高手,并非本人所创。不过把它拿到手确是花了不小心思滴。。

下面先看效果图:

效果不比baidu逊色 - . -!

根据创造者的解释,初略的整理下使用方法:

首先  后台管理 >> 系统设置 >> 模板标签管理 >> 内嵌代码管理 >> 添加内嵌代码 

添加以下代码

调用方式:动态调用  

代码类型:JS 

  1. //建立实例,第一个参数是实例对象的名称,第二个是最多显示的数量 
  2. var oo=new mSift('oo',10); 
  3.     //数据 
  4. oo.Data=[{PE.Label id="自动匹配关键字js内容" num="100" KeywordType="0" /}]; 
  5.     //指定文本框对象建立特效 
  6. oo.Create(document.getElementById('这里要得下边的对应')); 

得到以下动态JS  

  1. "text/javascript" src="{PE.SiteConfig.ApplicationPath /}Common/Js.aspx?Id=xx"

上传解压出来的文件

调用方式

  1. <script language="javascript" type="text/javascript" src="{PE.SiteConfig.SkinPath/}js/keyword_auto.js"> script> 
  2.  
  3. <input id="这里要得上边的对应" .......  /> 
  4.  
  5. <script type="text/javascript" src="{PE.SiteConfig.ApplicationPath /}Common/Js.aspx?Id=xx"> script> 
  6.  
  7. var oo=new mSift('oo',10);  最多显示数
  8.  
  9. num=关键词数量   KeywordType=关键词类型   

风格样式在  keyword_auto.js  文件内修改。

接着

点我下载吧!

×

用户登录