Prompts and automatic completion effects when inputting in the inputSuggest text box (email input automatic completion plug-in)_javascript skills

Like QQ mailbox prompts, Baidu search box prompts, Taobao product search prompts, etc., many websites now have similar effects to improve user experience.
Usage:
new InputSuggest({
input HTMLInputElement required
data Array ['sina.cn','sina.com','2008.sina.com','vip.sina .com.cn'] required
containerCls container className
itemCls container child className
activeCls highlighted child className
width setting this will override the width of containerCls
opacity transparency setting this The item will override the opacity of containerCls...
Online demo: http://demo.jb51.net/js/2012/inputSuggest/
Full source code download: http:// www.jb51.net/jiaoben/44737.html

<title>inputSuggest prompts when entering characters</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">Sina<br> <br> <br><br><br><br><br><br><br><br><label></label> <input type="text" id="sohu">Sohu</div>
[Ctrl A select all Note:

If you need to introduce external Js, you need to refresh to execute ]