Posted By

daisuke103 on 01/22/09


Tagged

css textmate link html rollover ov ro


Versions (?)

CSS ロールオーバー


 / Published in: Other
 

  1. /* ------------------------------------------ メニュー */
  2. #gloval_menu{
  3. width:720px;
  4. height:40px;
  5. zoom: 1;
  6. position: relative;
  7. background: url('../img/basic/head_gloval_menu.gif') no-repeat left top;
  8. }
  9.  
  10. #gloval_menu li a:hover, #gloval_menu li a:active {
  11. background: url('../img/basic/head_gloval_menu_ov.gif') no-repeat left top;
  12. /* background-color:#FFF;*/
  13. }
  14.  
  15. #gloval_menu li{
  16. position: absolute;
  17. }
  18.  
  19. #gloval_menu a{
  20. display: block;
  21. height: 25px;
  22. }
  23.  
  24. li#m_1,
  25. li#m_2,
  26. li#m_3,
  27. li#m_4,
  28. li#m_5,
  29. li#m_6,
  30. li#m_7{
  31. top:15px;
  32. height:25px;
  33. }
  34.  
  35.  
  36. li#m_1 { left: 0px; width: 115px; }
  37. li#m_2 { left: 115px; width: 100px; }
  38. li#m_3 { left: 215px; width: 100px; }
  39. li#m_4 { left: 315px; width: 100px; }
  40. li#m_5 { left: 415px; width: 100px; }
  41. li#m_6 { left: 515px; width: 100px; }
  42. li#m_7 { left: 615px; width: 105px; }
  43.  
  44. li#m_1 a:hover, li#m_1 a:active { background-position: -0px -15px; }
  45. li#m_2 a:hover, li#m_2 a:active { background-position: -115px -15px; }
  46. li#m_3 a:hover, li#m_3 a:active { background-position: -215px -15px; }
  47. li#m_4 a:hover, li#m_4 a:active { background-position: -315px -15px; }
  48. li#m_5 a:hover, li#m_5 a:active { background-position: -415px -15px; }
  49. li#m_6 a:hover, li#m_6 a:active { background-position: -515px -15px; }
  50. li#m_7 a:hover, li#m_7 a:active { background-position: -615px -15px; }
  51.  

Report this snippet  

You need to login to post a comment.