코드를 분해하려고 시도했지만 복제 할 수 없습니다.BBC 스타일 (facebox?) 도움말 팝업을 만드는 방법
BBC 날씨 홈페이지 http://news.bbc.co.uk/weather/에서 오른쪽 상단 모서리의 원 또는 일부 상자에 약간의 도움말 quetionmark가 표시됩니다. 당신이 그것을 클릭하면, 페이스 북과 조금 비슷한 멋진 도움말 팝업이 나타납니다.
내가 좋아하는 가장 중요한 점은 컨테이너의 오른쪽에있는 도움말 버튼을 다시 가리키는 작은 화살표입니다. Facebox는 표준 사각형입니다.
누군가가 이것을 복제하는 방법을 알고 있다면, 도움이 될 것입니다.
안부 이안
효과는 모달 윈도우라고하며 Lightbox javascript library 주로 대중화되었다. 요즘에는 이런 종류의 효과를 내기위한 라이브러리가 많이 있지만 가장 인기있는 라이브러리는 jQuery JavaScript framework입니다.
제 개인적으로 가장 좋아하는 jQuery 구현은 ColorBox입니다 (jQuery 1.3 및 1.4 용 경량의 사용자 정의 라이트 박스 플러그인). BBC에서 볼 수있는 것과 비슷한 내용의 예는 기타 콘텐츠 유형 섹션 on their demo page을 참조하십시오.
페이지에서 숨겨진 DIV를 사용하여 이와 비슷한 작업을 수행했습니다. 그런 다음 자바 스크립트 이벤트를 아이콘 (?)에 연결하여 DIV의 가시성을 전환합니다. 'pop-up'의 모양은 배경 그래픽 일 수도 있습니다.
관심이 있으시면 www.sitemills.com/prices.php에서 예를 들어 보겠습니다. 꽤 javascript가 포함되어 있으므로 뷰 소스를 수행 할 수 있어야합니다.
어느 것이 든 상관없이, IE6, 모달 divs 및 드롭 다운 (선택)이 함께 잘 작동하지 않는다는 것을 잊지 마십시오. 경고 받다. –