Overhang.js - 드롭 다운 알림 메시지를위한 jQuery 플러그인
얼마나 짜증나 는가? 기본 JS 경고 상자? 그들은 웹 개발의 원시적 인 과거 시대의 유물처럼 느낍니다..
요즘 우리는 방해가되지 않는 알림 메시지 같은 정보를 공유하지만 사용자 경험을 방해하지 않는다.. 그게 바로 당신이 할 수있는 일입니다. 돌출 .js.
이 무료 jQuery 플러그인은 맞춤 알림 막대 추가 화면 상단에서 드롭 다운됩니다. 그들은 CSS를 통해 배치 과 자바 스크립트로 애니메이션, 그래서 그들은 고정 된 지점에서부터 내려갈 수 있습니다. 페이지 길이에 관계없이.
다음과 같은 메시지를 작성할 수 있습니다. 특정 시간 후에 자동 닫기, 또는 다른 사람 사용자 입력이 필요하다..
메시지 수 있습니다. 릴레이 성공, 실패, 오류 또는 간단한 알림 사용자 또는 페이지에 대한 정보로 메시지도 가능합니다. 그들 자신의 예 / 아니오 버튼을 가지고있다. 자바 스크립트 프롬프트 알림과 같은 질문을 사용자에게 묻기.
프롬프트를 생성하는 옵션조차 있습니다. 입력 필드로 드롭 다운. 이것은 전자 메일 옵트 인 양식에 완벽 할 것입니다..
오버행 .js jQuery가 지원하는 모든 주요 브라우저를 지원합니다. 그리고 그것도 jQuery UI 제공 애니메이션 기능.
jQuery 및 jQuery UI 라이브러리와 함께 사용자 정의 CSS 파일 포함 플러그인으로 언제나 할 수 있어요. 이것을 웹 사이트의 스타일 시트와 병합하십시오. HTTP 요청을 줄이기 위해.
모든 전화는 위에 걸리다()
방법 수 있습니다 임의의 수의 매개 변수를 가져옵니다.. 이것들은 전화 한 “옵션들” 그리고 그들은 당신에게 각 알림 상자에 대한 모든 권한을 부여합니다.
당신은 애니메이션 속도, 지속, 편한, 과 상자 크기 / 색상, 다른 디자인 기능들과 함께.
여기에 샘플 스 니펫 어떻게하는지 보여주기 확인 상자 만들기:
// 어떤 확인 $ ( "body"). overhang (type : "confirm", yesMessage : "Yes please!", noMessage : "No thanks.");
너는 이것이 볼 수있다. 아주 단순한 그리고 그것 jQuery 코드가 많이 필요 없다..
에 사본 다운로드 플러그인의 경우 GitHub의 저장소를 방문하여 소스 파일을 직접 탐색 할 수 있습니다. 또는 원하는 경우 더 많은 라이브 예제보기 Overhang.js 웹 사이트를 방문하십시오..