<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>팝업메시지01</title> </head> <body> <ul class="toc"> <li><a href="#" title="챕터 1에 대한 설명">챕터1</a></li> <li><a href="#" title="챕터 2에 대한 설명">챕터2</a></li> <li><a href="#" title="챕터 3에 대한 설명">챕터3</a></li> </ul> </body> </html> 또는 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>팝업메시지01</title> <style> .toc i{display:none;} .toc li{ position:relative;} .toc a:hover i {display:block; position:absolute; left:60px; top:0; width:100px; heig...
원문링크 : 팝업 메시지 01
네이버 블로그
티스토리
커뮤니티