[활용팁] CSS를 이용한 팝업메뉴와 마우스 포인터 위치 확인 예제 소스 오늘은 CSS를 이용한 팝업메뉴 구성과 자바스크립트로 마우스 포인트 위치를 확인하는 예제 소스를 만들어 봤습니다. 아래 예제 소스를 실행하면 상단에 팝업 메뉴가 구성되어 있고 아래에는 div 태그 영역과 이미지가 있어서 마우스 포인트로 div 태그 영역과 이미지 위에 마우스 포인트가 올라가면 그 좌표를 표시해 주는 예제 소스입니다.
저런 바다에서 수영이 하고 싶어지네요... 코로나19가 빨리 사라져야 하는데...
큰일입니다. 그럼, CSS 내용을 한번 보겠습니다.
ul, li { list-style:none; margin:0px; padding:0px; color:white; cursor:pointer; } #menu_css { padding-left:20px; height:35px; background:#0017a1; } #menu_css li { width:140px; height:35px; ...
![[활용팁] CSS를 이용한 팝업메뉴와 마우스 포인터 위치 확인 예제 소스](https://mblogthumb-phinf.pstatic.net/MjAyMDAzMDdfMjkx/MDAxNTgzNTE5MTcxNTUw.jVr8W-gYIvrDdwnn-4P9RWOXnVSb5xa_geElMxaOOMMg.8bdXuTx1oU98f1PQT1mHjhB5n1B8sx6dtyx3lrUacRAg.PNG.spprince/1_javascript_mouse.png?type=w2)
#
CSS
#
포인트위치
#
팝업메뉴
#
이름
#
마우스
#
menu_css
#
jQuery
#
javascript
#
event
#
활용팁
![[교육부] 2021학년도 대학수학능력시험 9월 모의평가 시행계획 발표](https://mblogthumb-phinf.pstatic.net/MjAyMDA3MTFfNDIg/MDAxNTk0NDAyODEwNDc2.E6kZPAUWaB2TKPWLEcWW_sYJDQeNDP92aegkIvLQMQcg.hU9p_fhV7qe0cMfGTOtw3nht_4p8RobaZtfM46mCx64g.PNG.spprince/%B1%B3%C0%B0%BA%CE_1.png?type=w2)
![[로맨스 스캠] 경험담 올려본다... 사기피해 조심하자.](https://mblogthumb-phinf.pstatic.net/MjAyMTA3MTVfMzkg/MDAxNjI2MzU5OTgyNzI2.yzpwn5hNnLUJOBg8C120OXyXJjHt5OwbpdIb18udnkcg.wzdqOrmpbS-7pZTdEbxxu6cfRqJxbgGMiiwqO6uOJtwg.PNG.spprince/1.%EB%A1%9C%EB%A7%A8%3F%8A%A4%3F%8A%A4%EC%BA%3F.png?type=w2)
![[식품의약품안전처] 식약처, 코로나19 치료제‘렉키로나주’ 정식 품목허가](https://mblogthumb-phinf.pstatic.net/MjAyMTA5MjZfMTI4/MDAxNjMyNjY4MDE1NjA5.IiCHFO-ouDyn2Mbon-PjBrwwdPxjM7lXOYZxa-PVju8g.KWVamDRl9dpXbkaaAQ6l280b6sPEBMMNaU6Bj72ssjkg.PNG.spprince/%3F%8B%9D%3F%92%88%3F%9D%98%3F%95%BD%3F%92%88%3F%95%88%3F%A0%84%EC%B2%3F1.png?type=w2)
![[공유] 노무현 대통령 신년 연설 전문](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)