jQuery自动补全插件jQuery.AutoComplete

来源:https://www.sucaihuo.com/js/1868.html 2017-05-03 19:07浏览(1273) 收藏

这个一款jQuery自动补全插件jQuery.AutoComplete,输入后可以再次输入就会被收入,很炫的自动补全的一款插件,不用自己写完全就可以完成,大家好好利用。
jQuery自动补全插件jQuery.AutoComplete
分类:其它特效 > jQuery插件 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

首先引用文件

<script type="text/javascript" src="lib/jquery-1.7.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="src/jquery.autocomplete.css"></link>
    <script type="text/javascript" src="src/jquery.autocomplete.min.js"></script>
    <script src="test/test.js"></script>

很炫的自动补全的一款插件,不用自己写完全就可以完成输入,可以根据你自己喜欢自动补全的功能。

$(document).ready(function(){
            $('#down').AutoComplete({
                'data': ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten', 'Eleven', 'Twelve'],
                'itemHeight': 20,
                'width': 280
            }).AutoComplete('show');

            $('#up').AutoComplete({
                'data': ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten', 'Eleven', 'Twelve'],
                'itemHeight': 20,
                'listDirection': 'up',
                'width': 280
            }).AutoComplete('show');
标签: 自动补全
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2