666  
   0
Jquery实现仿搜索引擎文本框自动补全插件|jqueryschool
作者:系统管理员于 2017年06月14日 发布在分类 / 编程 / web前端 下,并于 2017年06月14日 编辑
jquery 特效 插件 分享 中国 网友 文本 自动 搜索 实现


Jquery实现仿搜索引擎文本框 自动补全插件功能很实用,使用也很简单,引入了插件之后写几行代码就可以实现,可以灵活设置 //width:下拉框的宽度,默认使用输入框宽度、用来ajax后台获取数据,返回的数据格式为data参数一样、数据格式{data:[{title:null,result:{}},{title:null,result:{}}]}url和data参数只有一个生效,data优先、选中行后按回车或单击时回调的函数
包含以下功能特效:
1、弹出层特效
2、输入框keydown事件
3、输入框keyup事件
4、ESC键隐藏下拉框
5、输入框focus事件
初始化功能代码如下:
$(function() {
    $("#tt").bigAutocomplete({
        width: 604,
        data: [{
            title: "中国好声音",
            result: {
                ff: "qq"
            }
        },
        {
            title: "中国移动网上营业厅"
        },
        {
            title: "中国银行"
        },
        {
            title: "中国移动"
        },
        {
            title: "中国好声音第三期"
        },
        {
            title: "中国好声音 第一期"
        },
        {
            title: "中国电信网上营业厅"
        },
        {
            title: "中国工商银行"
        },
        {
            title: "中国好声音第二期"
        },
        {
            title: "中国地图"
        }],
        callback: function(data) {
            alert(data.title);
        }
    });
})
效果如下:
 关联文档

 关联资源


 知识评论当前评论数0

 推荐知识


 访问权限

创建人 系统管理员
文档编辑权限 创建者私有
文档阅读权限 来自分类
分类阅读权限 所有人
分类编辑权限 系统管理员 : 人员      789 : 人员     
分类审核权限 无需审核
分类预览权限 无限制
分类下载权限 无限制
 历史版本

修改日期 修改人 备注
2017-06-14 20:36:22[当前版本] 系统管理员 添加关联资源
2017-06-14 20:35:31 系统管理员 CREAT

 目录
     关联知识
    1. 20130107122040593.zip
    wcp知识库系统-V4.0.0