공유 창 지정과 같은 팝업 창 리소스

Question

링크 및 공유 아이콘이 포함 된 확인 창과 유사한 마우스 클릭으로 작은 팝업 창이 생성됩니다. 모달 창과 경고 창은 내가 원하는 것이 아니라 페이지의 중앙에 있습니다. 내가 원하는 것은 그들이 클릭하는 링크 바로 옆에서 열리는 작은 창입니다.

인터넷상의 모든 리소스는 무엇입니까? 나는 자원을 지불하는 데 문제가 없습니다.

가능한 경우 jQuery에 의해 구동되고 싶습니다.

감사합니다.

Answer 1

이 메뉴를 만드는 가장 간단한 방법은 메뉴 요소가 인라인되어 있지만 숨겨져있는 것입니다. 그런 다음 jQuery의 onclick을 사용하여 요소를 공개하십시오. relative과 absolute 포지셔닝은 메뉴 버튼의 오른쪽 하단에 메뉴를 표시하는 데 사용됩니다 (this article은이 트릭을 설명하는 데 유용한 리소스입니다). 필자는 이러한 원칙을 사용하여 Spotify 데스크톱 UI에서 아래의 데모를 모델링했습니다.

jsFiddle Demo