利用关键词库建立搜索文本框自动匹配关键词
相信许多人都会用过搜索栏自动匹配关键词的功能,无论是像google、baidu的专业搜索引擎,还是普通的网站,现在许多都用上了这种关键词匹配技术,在百度中输入“海贼王”,结果自动出现一个下拉菜单,自动替我把常见的关键字都列了出来,我各人觉得这个功能非常人性化,在现在的Web设计中,提高用户体验是企业最为注重的内容之一。在搜索表单中,根据输入的部分内容进行关键字匹配提示功能,就是最直观和常用的交互体验,类似功能已经被多数的互联网网站应用。
而现在,动易系统也能够做到这一点了,可喜可贺。
这个功能出自民间高手,并非本人所创。不过把它拿到手确是花了不小心思滴。。
下面先看效果图:
效果不比baidu逊色 - . -!
根据创造者的解释,初略的整理下使用方法:
首先 后台管理 >> 系统设置 >> 模板标签管理 >> 内嵌代码管理 >> 添加内嵌代码
添加以下代码
调用方式:动态调用
代码类型:JS
- //建立实例,第一个参数是实例对象的名称,第二个是最多显示的数量
- var oo=new mSift('oo',10);
- //数据
- oo.Data=[{PE.Label id="自动匹配关键字js内容" num="100" KeywordType="0" /}];
- //指定文本框对象建立特效
- oo.Create(document.getElementById('这里要得下边的对应'));
得到以下动态JS
- "text/javascript" src="{PE.SiteConfig.ApplicationPath /}Common/Js.aspx?Id=xx">
上传解压出来的文件
调用方式
- <script language="javascript" type="text/javascript" src="{PE.SiteConfig.SkinPath/}js/keyword_auto.js"> script>
- <input id="这里要得上边的对应" ....... />
- <script type="text/javascript" src="{PE.SiteConfig.ApplicationPath /}Common/Js.aspx?Id=xx"> script>
- var oo=new mSift('oo',10); 最多显示数
- num=关键词数量 KeywordType=关键词类型
风格样式在 keyword_auto.js 文件内修改。
接着
点我下载吧!
用户登录
还没有账号?
立即注册