인터넷, 웹 디자인
JQuery와 모달 창 - 설치하는 방법을 필요로하고 무엇을
질문에 대한 답변을 찾으려면, 때때로 당신은 웹 디자인에 관해서 특히 특히 사람들이 자신의 웹 사이트를 만들기로 결정 그러한 문제에 정통한되지 않고, 많은 시간을 소비해야합니다. JQuery와 모달 창은 이러한 고통스러운 문제 중 하나가 될 수 있습니다.
인터넷에서 이러한 창은 수많은를 찾을 수 있습니다. 단지 모든 그렇게 간단하지, 그러나 ... 복사하여 웹 사이트에 붙여 넣기 할 것으로 보인다. 운에는 그것이 있기 때문에, 모든이 금지되어 있기 때문에 어느, 어떤 세부 사항이며,이 지식에 대한 필요가 없기 때문에이 문제를 해결하는 것은 불가능합니다. 따라서, 실행에 많은 흥미로운 칩에 JQuery와 모달 창에 집어 복잡 할 수있는 권리, 더 나은 불필요한 문제없이 작은, 아주 간단한 모달 창을 시작합니다.
당신이 어딘가에 우리에 워드 프레스 블로그가있는 경우, 모든 매우 간단하고, 이미 기성품 솔루션을 많이 가지고 어떠한 어려움이 일반적으로 발생하지 않는다 - 다른 팝업 기능을. 하나는 자신의 "조각"모달 창을 가지고 또는 유료 서비스 전문가로 전환 어디에하지만, 또한 매우 다양한 옵션이 있습니다. 당신이 알고있는 지불, 아무도 그냥 핵심에 도착해야한다는 것, 그리고 모든 것이 매우 빠르며 전부 무료로 판명 것, 특히 원하지 않는다.
JQuery와 모달 창은 페이지의 정보와 함께 진행하고 보완 내용을 표시 할 필요가있다.
jQuery를 - 그것은 무엇인가?
자바 스크립트 라이브러리와는 후자, 차례로, 웹 페이지 코드에 도입 된 코드의 섹션을 의미하고 HTML과 CSS의 틀 내에서 구현 될 수없는 다양한 효과를 달성 할 수 있습니다 - 누군가가 JQuery와, 모르는 경우 완전히 이해합니다. 그러한 코드 부분의 전형적인 예로들 수있다 현재 날짜 페이지에 표시 또는 시간.
라이브러리의 개발자는 공식 웹 사이트, 우수성을 가지고 있으며, 지속적으로 업데이트되고, 따라서 새로운 라이브러리를 제공하는 새로운 버전이있다.
JQuery와에 분명히하려면, 당신은 이런 저런 효과를 필요 CSS 스타일 시트와 언어가있다.
CSS 언어
CSS는 "캐스 케이 딩 스타일 시트"를 의미한다. 인터넷은 언어를 사용하지 않는 것 사이트를 찾는 지금은 불가능하다.
따라서, 모달 창 JQuery와 및 CSS에서 실질적으로 필요하고 대체 할 수없는 것입니다. JQuery와 연결되지 않은 경우 따라서, 그렇게하는 것이 필요하다.
다음과 같이 head 태그 내에서이 작업을 수행하려면 삽입 :
모달 창은 무엇입니까?
쉽게 JQuery와 모달 창에서 사이트를 다운로드 할 때, 가입자의 수를 증가하는 것이 유용 할 수 있습니다 표시됩니다. 페이지가 열릴 때 창이 나타납니다. 조금 불편에서 쉽게 폐쇄하고, 닫기 버튼이 쿠키 될 것입니다 때문에, 산만하고 사람을 놀라게하지 않을 수 없습니다, 당신이 그것을 클릭하면 모달 윈도우가 다시 나타되지 않습니다 사라졌다.
팝업 창
팝업 창을 JQuery와에 한 번만 페이지에 표시됩니다, 그것은 모달 윈도우의 변종 중 하나입니다.
이 단계의 숫자를 할 필요가 구현합니다.
당신은 모달 창을위한 특별 플러그인을 사용할 수 있습니다. 그것은 예를 들어, 개발자에서 arcticModal 그들을 다운로드하는 것이 좋습니다. 다음과 같이 연결 :
같이 표시됩니다 표준 플러그인 중 하나의 창 장식 스타일 없음 :
다음으로, 플러그인 쿠키를 연결 :
그것은 작성된 HTML, 사용자에게 공급 정보입니다 :
다음 최종 스크립트가 제공됩니다 :
다음과 같이 사용되는 매개 변수 중 일부는 다음과 같습니다
closeOnOverClick : 당신이 오버레이를 클릭하면 창이 닫혀 여부를 확인할 수 있습니다.
CloseOn Esc를 다음 Esc 키를 눌러 의미합니다.
만료 : 쿠키가 저장되는 동안 시간을 지정합니다. 제안 된 실시 예에서, 이번에는 즉, 윈도우가 두 달 동안 표시되지 않습니다 육십일이 될 것입니다. 쿠키는 사용자가 방문 할 때마다 업데이트됩니다.
필요한 경우 사이트의 jQuery 모달 창에서 설정하는 방법을 학습함으로써, 당신은 더 많은 고급 옵션에 이동할 수 있습니다. 이렇게하려면, CSS의 다양한 스타일을 추가하고, 창은 모달 창 다른 사이트에서 완전히 다른 것입니다.
판타지와 솔루션은 크게 가입자의 수를 증가와 상상력 도움말 및 인터넷 상점 솜씨 삽입 모달 창은 크게 판매를 증가 할 수 있습니다. 따라서, 프로그래밍 및 창문의 설치에 소요되는 시간은 정당화 지불해야합니다!
모달 윈도우의 종류
적절한 버튼을 클릭하거나 페이지로드 및 시작되는 즉시 나타날 때 모달 창이 팝업됩니다. 그들은 쿠키가 위의 예와 같이 설정되어있는 경우 폐쇄에 더 이상 일정 시간을 표시 할 수 없습니다, 페이지가로드 될 때마다 나타날 수 있습니다. 이 한 장소에 고정 모달 창이다, 그리고 페이지의 이동에도 불구하고, 남아있다, 그리고 윈도우의 내부는 링크 정보를 포함하는 경우, 동적 일 수 있으며, 사용자에게 전달합니다. 그런 다음에야 창은 원래 페이지의 불변 상태에서 나머지 업데이트됩니다.
Similar articles
Trending Now