techweb导航栏代码

Written by aijun June 20th, 2006 11:46 PM No Comments Filed under: 资源分享

演示地址：http://www.aijun.org/codedemo/techdemo.html
CSS代码


  1. <style type="text/css">   
  2. <!--   
  3. #siteNav {   
  4. clear: both;   
  5. float:left;   
  6. width:750px;   
  7. padding-left: 1px;   
  8. background: #fff;   
  9.   
  10. font-size:12px;   
  11. font-weight: bold;   
  12. line-height:normal;   
  13. border-bottom:2px solid #84B0C7;   
  14. voice-family: "\"}\"";   
  15. voice-family: inherit;   
  16. width: 749px;   
  17. }   
  18. #siteNav ul {   
  19. margin:0;   
  20. padding:0;   
  21. list-style:none;   
  22. }   
  23. #siteNav li {   
  24. display:inline;   
  25. margin:0;   
  26. padding:0;   
  27. }   
  28. #siteNav a {   
  29. float:left;   
  30. background:url(tableft.gif) no-repeat left top;   
  31. margin:0;   
  32. padding:0 0 0 4px;   
  33. text-decoration:none;   
  34. }   
  35. #siteNav a span {   
  36. float:left;   
  37. display:block;   
  38. background:url(tabright.gif) no-repeat rightright top;   
  39. padding:5px 11px 4px 5px;   
  40. color:#036;   
  41. }   
  42. /* Commented Backslash Hack hides rule from IE5-Mac \*/  
  43. #siteNav a span {   
  44. float:none  
  45. }   
  46. /* End IE5-Mac hack */  
  47. #siteNav a:hover span {   
  48. color:#036;   
  49. }   
  50. #siteNav a:hover {   
  51. background-position:0% -42px;   
  52. }   
  53. #siteNav a:hover span {   
  54. background-position:100% -42px;   
  55. }   
  56. #siteNav #sel a {   
  57. background-position:0% -42px;   
  58. }   
  59. #siteNav #sel a span {   
  60. background-position:100% -42px;   
  61. }   
  62. -->   
  63. </style>  

 

Read the rest of this entry »

TAGS: 导航代码

  1. 1