jquery2 jQuery] 마우스 클릭하면 마우스 근처에 나타나는 레이어 툴팁(Tooltip) 마우스를 클릭하면 마우스 우측하단에 레이어가 나오는 소스다. 만약 레이어가 브라우저 창의 너비나 길이를 벗어나게 되면 반대의 위치에 레이어를 보여준다. 반대의 위치에 레이어를 보여줬더니 기준점(0,0)을 벗어나게 되면 기준점(0,0)에 레이어를 배치한다. 위 샘플 각 환경에 맞게 수정해서 사용 가능하다. Head 1 css 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 .imgSelect { cursor: pointer; } .popupLayer { position: absolute; display: none; background-color: #ffffff; border: solid 2px #d0d0d0; width: 350px; height: 150px; padding.. 2018. 10. 30. [jquery] 플로팅 배너 자동으로 따라다니는 jQuery 소스 플로팅 배너가 자동으로 사용자의 스크롤을 따라다니는 jquery 소스. 플로팅 배너의 css 를 absolute로 잡고, jquery 의 animate() 를 이용하여 사용자의 스크롤 이벤트 후 배너를 애니메이션과 함께 위치를 움직여준다. easing 옵션을 이용하여 애니메이션 효과도 줄 수 있다. CSS 1 2 3 4 5 6 7 8 9 #floatMenu { position: absolute; width: 200px; height: 200px; left: 50px; top: 250px; background-color: #606060; color: #fff; } jQuery 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 $(document.. 2018. 10. 6. 이전 1 다음