css

따라다니는 퀵메뉴 참고

aneyh.c 2013. 2. 25. 15:45

<div class="aside_quick">
  <strong class="ir_pm">Quick Menu</strong>
  <ul class="list_quickmenu ir_pm">
   <li><a href="#Event01" class="link_quick link_event01">EVENT 01</a></li>
   <li><a href="#Event02" class="link_quick link_event02">EVENT 02</a></li>
   <li><a href="#Event03" class="link_quick link_event03">EVENT 03</a></li>
  </ul>
 </div>

 

.aside_quick {position:fixed;top:450px;left:50%;width:110px;height:132px;margin-left:490px;background:url(http://i1.daumcdn.net/img-contents/event/promotion/130225_rfonline/img_quick_v1.png)  0 0 no-repeat}
.list_quickmenu {padding:48px 15px 0 15px}
.list_quickmenu li {margin-bottom:3px;}
.list_quickmenu .link_quick {display:block;height:22px;width:80px}
.link_quick:hover {background:url(http://i1.daumcdn.net/img-contents/event/promotion/130225_rfonline/img_quick_v1.png) 0 0 no-repeat}
.link_event01:hover {background-position:-5px -151px}
.link_event02:hover {background-position:-5px -176px}
.link_event03:hover {background-position:-5px -201px}