inputSuggest文本框输入时提示、自动完成效果(邮箱输入自动补全插件)_javascript技巧

像QQ邮箱提示、百度的搜索框提示、淘宝的商品搜索提示等，现在有不少的网站都有类似效果，以提升用户体验。
　　使用方法：
　　new InputSuggest({
　　input HTMLInputElement 必选
　　data Array ['sina.cn','sina.com','2008.sina.com','vip.sina.com.cn'] 必选
　　containerCls 容器className
　　itemCls 容器子项className
　　activeCls 高亮子项className
　　width 宽度设置 此项将覆盖containerCls的width
　　opacity 透明度设置 此项将覆盖containerCls的opacity……
在线演示:http://demo.jb51.net/js/2012/inputSuggest/
完整源码下载：http://www.jb51.net/jiaoben/44737.html

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>inputSuggest输入字符时提示</title> <style type="text/css"> body{margin:0;padding:0;} input{width:200px;} .suggest-container{border:1px solid #C1C1C1;visibility:hidden;} .suggest-item{padding:3px 2px;} .suggest-active {background:#33CCFF;color:white;padding:3px 2px;} </style> <div style="width:400px;margin:30px auto;text-align:center;"> <label>新浪</label> <input type="text" id="sina"><br><br><br><br><br><br><br><br><br><br><label>搜狐</label> <input type="text" id="sohu"> </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]