Heim > Web-Frontend > js-Tutorial > inputSuggest文本框输入时提示、自动完成效果(邮箱输入自动补全插件)_javascript技巧

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

WBOY
Freigeben: 2016-05-16 17:53:33
Original
1696 Leute haben es durchsucht

像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


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage