您现在的位置: 365建站网 > 365文章 > 用jquery实现基于文本的搜索和定位功能

用jquery实现基于文本的搜索和定位功能

文章来源:365jz.com     点击数:566    更新时间:2009-09-20 08:49   参与评论

      发布一个文本自动定位组件,可实现在特定区域中定位文本并高亮显示, 用来解决项目组中机构人员选择时人员过多无法准确定位的问题。


         主要功能为: 
         1.支持即输即显
         2.支持模糊查询
         3.支持动画滚动定位到搜索内容,当有多个内容匹配时,定位到第一个匹配内容
         4.支持对中文字符进行搜索
         5.使用简便,灵活指定样式,选中样式在独立css中定义
         6.轻量级,总共1K

 
      本功能插件基于jquery实现,使用了到jquery.scrollTo插件,主要提供对特定区域的文本内容的进行搜索定位。实现很简单,有注释,大家一看就明白了的:

 

js

      组件使用方式如下:

html

使用截图如下 :





下载:文本定位插件代码包

      
最后说几句题外话:
            其实类似的功能我更倾向于用类似google的自动提示来实现,即使要多选也可以通过一个结果区域来存放历史结果最后一起提交,不过该功能为紧急上线,所以就偷懒紧急写了插件给部门先用起来了。

 

 

Tag标签: jquery

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (566人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号