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


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);
        }
    });
})
效果如下:
 关联文档

 关联资源


 标签

jquery 特效 插件 分享 中国 网友 文本 自动 搜索 实现

 知识评论当前评论数0

 推荐知识


 访问权限

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

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

 目录
     关联知识
    1. 20130107122040593.zip
    ©2014-2017 北京知轩科技有限公司 京ICP备15024440号-1 wcp知识库系统-V3.5.9

    服务时间:9:00-18:00销售联系方式QQ1:2715215634QQ2:3323024029微信:EKCP-ZXKJ