自动完成效果_javascript技巧_脚本之家

www.js8331.com,像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……
在线演示:

inputSuggest输入字符时提示

新浪 搜狐

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

发表评论

电子邮件地址不会被公开。 必填项已用*标注