javascript学习指南_Javascript实现文本框下拉提示(智能提示)效果

更新时间:2020-05-14    来源:浏览器    手机版     字体:

【www.bbyears.com--浏览器】

经常用浏览器搜索东西的时候,肯定会发现,只要随便输入一个字,百度就会有智能下拉提示,觉得体验挺好的!
然而自己却不知道怎么实现,不用担心,下面介绍一个简易轻量级的方法,已经整理好文件,可以直接下载使用:

实现效果如下: 引用文件:jquery.js autoComplete.js

css

html


 

javascript

<script type="text/javascript">
 var c=$(".txt");
 var data=["13612345564", "13825646464", "13825646465", "13412236054", "13012348564", "13012345564", "13012365564", "www.ljiong.com"];
 var aaa=new autocom(data);
 aaa.autoComplete.init().bind(c);
</script>

效果如下所示

本文来源:http://www.bbyears.com/bangongshuma/93480.html

热门标签

更多>>

本类排行