>웹 프론트엔드 >JS 튜토리얼 >inputSuggest 텍스트 상자에 입력 시 프롬프트 및 자동 완성 효과(이메일 입력 자동 완성 플러그인)_javascript 기술

inputSuggest 텍스트 상자에 입력 시 프롬프트 및 자동 완성 효과(이메일 입력 자동 완성 플러그인)_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:53:331693검색

QQ 메일함 프롬프트, Baidu 검색창 프롬프트, Taobao 제품 검색 프롬프트 등과 같이 이제 많은 웹사이트가 사용자 경험을 개선하기 위해 유사한 효과를 제공합니다.
사용법:
new InputSuggest({
input HTMLInputElement 필수
데이터 배열 ['sina.cn','sina.com','2008.sina.com','vip.sina .com .cn'] 필수
ContainerCls 컨테이너 클래스 이름
itemCls 컨테이너 하위 클래스 이름
activeCls 강조 표시된 하위 클래스 이름
너비 설정은 컨테이너Cls의 너비를 재정의합니다.
불투명도 투명도 설정은 항목이 불투명도를 재정의합니다. of ContainerCls...
온라인 데모: http://demo.jb51.net/js/2012/inputSuggest/
전체 소스 코드 다운로드: http:// www. jb51.net/jiaoben/44737.html


[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.