设为首页收藏本站
切换到窄版

 找回密码
 注册
金光网»广场 › ╃ 建 站 技 术 ╆ › 『网站建设』 › Free CSS Navigation Menu Designs
广告投放 虚位以待【阿里云】2核2G云新老同享 99元/年,续费同价做网站就用糖果主机-sugarhosts.comJtti.com-新加坡服务器,美国服务器,香港服务器
返回列表 发新帖
查看: 437|回复: 3

Free CSS Navigation Menu Designs

[复制链接]
sunlei
发表于 2006 年 1 月 12 日 03:52:27 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要 登录 才可以下载或查看，没有账号？注册

×
  1. <html><HEAD><TITLE>Free CSS Navigation Menu Designs</TITLE>
  2. <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
  3. <STYLE type=text/css>BODY {
  4.    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 11px/1.5em Verdana; PADDING-TOP: 0px
  5. }
  6. H2 {
  7.    PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 14px Verdana, Arial, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0px
  8. }
  9. IMG {
  10.    BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
  11. }
  12. #tabs {
  13.    FONT-SIZE: 93%; BACKGROUND: #bbd9ee; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  14. }
  15. #tabs UL {
  16.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  17. }
  18. #tabs LI {
  19.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  20. }
  21. #tabs A {
  22.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableft.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  23. }
  24. #tabs A SPAN {
  25.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabright.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 5px
  26. }
  27. #tabs A SPAN {
  28.    FLOAT: none
  29. }
  30. #tabs A:hover SPAN {
  31.    COLOR: #ff9834
  32. }
  33. #tabs A:hover {
  34.    BACKGROUND-POSITION: 0% -42px
  35. }
  36. #tabs A:hover SPAN {
  37.    BACKGROUND-POSITION: 100% -42px
  38. }
  39. #tabsB {
  40.    FONT-SIZE: 93%; BACKGROUND: #f4f4f4; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  41. }
  42. #tabsB UL {
  43.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  44. }
  45. #tabsB LI {
  46.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  47. }
  48. #tabsB A {
  49.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftB.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  50. }
  51. #tabsB A SPAN {
  52.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightB.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 5px
  53. }
  54. #tabsB A SPAN {
  55.    FLOAT: none
  56. }
  57. #tabsB A:hover SPAN {
  58.    COLOR: #000
  59. }
  60. #tabsB A:hover {
  61.    BACKGROUND-POSITION: 0% -42px
  62. }
  63. #tabsB A:hover SPAN {[quote][/quote]
  64.    BACKGROUND-POSITION: 100% -42px
  65. }
  66. #tabsC {
  67.    FONT-SIZE: 93%; BACKGROUND: #edf7e7; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  68. }
  69. #tabsC UL {
  70.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  71. }
  72. #tabsC LI {
  73.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  74. }
  75. #tabsC A {
  76.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftC.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  77. }
  78. #tabsC A SPAN {
  79.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightC.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #464e42; PADDING-TOP: 5px
  80. }
  81. #tabsC A SPAN {
  82.    FLOAT: none
  83. }
  84. #tabsC A:hover SPAN {
  85.    COLOR: #fff
  86. }
  87. #tabsC A:hover {
  88.    BACKGROUND-POSITION: 0% -42px
  89. }
  90. #tabsC A:hover SPAN {
  91.    BACKGROUND-POSITION: 100% -42px
  92. }
  93. #tabsD {
  94.    FONT-SIZE: 93%; BACKGROUND: #fcf3f8; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #f4b7d6 1px solid
  95. }
  96. #tabsD UL {
  97.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  98. }
  99. #tabsD LI {
  100.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  101. }
  102. #tabsD A {
  103.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftD.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  104. }
  105. #tabsD A SPAN {
  106.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightD.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #c7377d; PADDING-TOP: 5px
  107. }
  108. #tabsD A SPAN {
  109.    FLOAT: none
  110. }
  111. #tabsD A:hover SPAN {
  112.    COLOR: #c7377d
  113. }
  114. #tabsD A:hover {
  115.    BACKGROUND-POSITION: 0% -42px
  116. }
  117. #tabsD A:hover SPAN {
  118.    BACKGROUND-POSITION: 100% -42px
  119. }
  120. #tabsE {
  121.    FONT-SIZE: 93%; BACKGROUND: #000; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  122. }
  123. #tabsE UL {
  124.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  125. }
  126. #tabsE LI {
  127.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  128. }
  129. #tabsE A {
  130.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftE.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  131. }
  132. #tabsE A SPAN {
  133.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightE.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
  134. }
  135. #tabsE A SPAN {
  136.    FLOAT: none
  137. }
  138. #tabsE A:hover SPAN {
  139.    COLOR: #fff
  140. }
  141. #tabsE A:hover {
  142.    BACKGROUND-POSITION: 0% -42px
  143. }
  144. #tabsE A:hover SPAN {
  145.    BACKGROUND-POSITION: 100% -42px
  146. }
  147. #tabsF {
  148.    FONT-SIZE: 93%; BACKGROUND: #efefef; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #666 1px solid
  149. }
  150. #tabsF UL {
  151.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  152. }
  153. #tabsF LI {
  154.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  155. }
  156. #tabsF A {
  157.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftF.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  158. }
  159. #tabsF A SPAN {
  160.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightF.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 5px
  161. }
  162. #tabsF A SPAN {
  163.    FLOAT: none
  164. }
  165. #tabsF A:hover SPAN {
  166.    COLOR: #fff
  167. }
  168. #tabsF A:hover {
  169.    BACKGROUND-POSITION: 0% -42px
  170. }
  171. #tabsF A:hover SPAN {
  172.    BACKGROUND-POSITION: 100% -42px
  173. }
  174. #tabsG {
  175.    FONT-SIZE: 93%; BACKGROUND: #666; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  176. }
  177. #tabsG UL {
  178.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  179. }
  180. #tabsG LI {
  181.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  182. }
  183. #tabsG A {
  184.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftG.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  185. }
  186. #tabsG A SPAN {
  187.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightG.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
  188. }
  189. #tabsG A SPAN {
  190.    FLOAT: none
  191. }
  192. #tabsG A:hover SPAN {
  193.    COLOR: #fff
  194. }
  195. #tabsG A:hover {
  196.    BACKGROUND-POSITION: 0% -42px
  197. }
  198. #tabsG A:hover SPAN {
  199.    BACKGROUND-POSITION: 100% -42px
  200. }
  201. #tabsH {
  202.    FONT-SIZE: 93%; BACKGROUND: #000; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  203. }
  204. #tabsH UL {
  205.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  206. }
  207. #tabsH LI {
  208.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  209. }
  210. #tabsH A {
  211.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftH.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  212. }
  213. #tabsH A SPAN {
  214.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightH.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
  215. }
  216. #tabsH A SPAN {
  217.    FLOAT: none
  218. }
  219. #tabsH A:hover SPAN {
  220.    COLOR: #fff
  221. }
  222. #tabsH A:hover {
  223.    BACKGROUND-POSITION: 0% -42px
  224. }
  225. #tabsH A:hover SPAN {
  226.    BACKGROUND-POSITION: 100% -42px
  227. }
  228. #tabsI {
  229.    FONT-SIZE: 93%; BACKGROUND: #eff4fa; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #dd740b 1px solid
  230. }
  231. #tabsI UL {
  232.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  233. }
  234. #tabsI LI {
  235.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  236. }
  237. #tabsI A {
  238.    PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BACKGROUND: url(images/tableftI.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  239. }
  240. #tabsI A SPAN {
  241.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightI.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
  242. }
  243. #tabsI A SPAN {
  244.    FLOAT: none
  245. }
  246. #tabsI A:hover SPAN {
  247.    COLOR: #fff
  248. }
  249. #tabsI A:hover {
  250.    BACKGROUND-POSITION: 0% -42px
  251. }
  252. #tabsI A:hover SPAN {
  253.    BACKGROUND-POSITION: 100% -42px
  254. }
  255. #tabsJ {
  256.    FONT-SIZE: 93%; BACKGROUND: #f4f4f4; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #24618e 1px solid
  257. }
  258. #tabsJ UL {
  259.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  260. }
  261. #tabsJ LI {
  262.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  263. }
  264. #tabsJ A {
  265.    PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BACKGROUND: url(images/tableftJ.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  266. }
  267. #tabsJ A SPAN {
  268.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightJ.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #24618e; PADDING-TOP: 5px
  269. }
  270. #tabsJ A SPAN {
  271.    FLOAT: none
  272. }
  273. #tabsJ A:hover SPAN {
  274.    COLOR: #fff
  275. }
  276. #tabsJ A:hover {
  277.    BACKGROUND-POSITION: 0% -42px
  278. }
  279. #tabsJ A:hover SPAN {
  280.    BACKGROUND-POSITION: 100% -42px
  281. }
  282. #tabsK {
  283.    FONT-SIZE: 93%; BACKGROUND: #e7e5e2; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #54545c 1px solid
  284. }
  285. #tabsK UL {
  286.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  287. }
  288. #tabsK LI {
  289.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  290. }
  291. #tabsK A {
  292.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftK.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  293. }
  294. #tabsK A SPAN {
  295.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightK.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
  296. }
  297. #tabsK A SPAN {
  298.    FLOAT: none
  299. }
  300. #tabsK A:hover SPAN {
  301.    BACKGROUND-POSITION: 100% -42px; COLOR: #fff
  302. }
  303. #tabsK A:hover {
  304.    BACKGROUND-POSITION: 0% -42px
  305. }
  306. #tabsK A:hover SPAN {
  307.    BACKGROUND-POSITION: 100% -42px
  308. }
  309. </STYLE>
  310. </HEAD>
  311. <BODY>
  312. <DIV> </DIV>
  313. <H2>Tab Menu</H2>
  314. <DIV id=tabs>
  315. <UL>
  316. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  317. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  318. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  319. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  320. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  321. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  322. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  323. <H2>Tab Menu B</H2>
  324. <DIV id=tabsB>
  325. <UL>
  326. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  327. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  328. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  329. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  330. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  331. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  332. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  333. <H2>Tab Menu C</H2>
  334. <DIV id=tabsC>
  335. <UL>
  336. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  337. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  338. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  339. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  340. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  341. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  342. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  343. <H2>Tab Menu D</H2>
  344. <DIV id=tabsD>
  345. <UL>
  346. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  347. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  348. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  349. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  350. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  351. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  352. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  353. <H2>Tab Menu E</H2>
  354. <DIV id=tabsE>
  355. <UL>
  356. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  357. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  358. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  359. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  360. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  361. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  362. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  363. <H2>Tab Menu F</H2>
  364. <DIV id=tabsF>
  365. <UL>
  366. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  367. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  368. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  369. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  370. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  371. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  372. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  373. <H2>Tab Menu G</H2>
  374. <DIV id=tabsG>
  375. <UL>
  376. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  377. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  378. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  379. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  380. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  381. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  382. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  383. <H2>Tab Menu H</H2>
  384. <DIV id=tabsH>
  385. <UL>
  386. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  387. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  388. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  389. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  390. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  391. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  392. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  393. <H2>Tab Menu I</H2>
  394. <DIV id=tabsI>
  395. <UL>
  396. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  397. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  398. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  399. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  400. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  401. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  402. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  403. <H2>Tab Menu J</H2>
  404. <DIV id=tabsJ>
  405. <UL>
  406. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  407. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  408. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  409. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  410. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  411. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  412. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  413. <H2>Tab Menu K</H2>
  414. <DIV id=tabsK>
  415. <UL>
  416. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  417. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  418. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  419. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  420. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  421. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  422. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV></BODY></html>
复制代码
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复

使用道具 举报

mydo
发表于 2006 年 1 月 12 日 08:39:53 | 显示全部楼层
【腾讯云】2核2G云服务器新老同享 99元/年，续费同价
看看，帮顶....
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复 顶 踩

使用道具 举报

水牛
发表于 2006 年 1 月 12 日 09:58:04 | 显示全部楼层
我不懂不懂
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复 顶 踩

使用道具 举报

sunlei
 楼主| 发表于 2006 年 1 月 12 日 03:52:27 | 显示全部楼层

Free CSS Navigation Menu Designs

  1. <html><HEAD><TITLE>Free CSS Navigation Menu Designs</TITLE>
  2. <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
  3. <STYLE type=text/css>BODY {
  4.    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 11px/1.5em Verdana; PADDING-TOP: 0px
  5. }
  6. H2 {
  7.    PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 14px Verdana, Arial, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0px
  8. }
  9. IMG {
  10.    BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
  11. }
  12. #tabs {
  13.    FONT-SIZE: 93%; BACKGROUND: #bbd9ee; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  14. }
  15. #tabs UL {
  16.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  17. }
  18. #tabs LI {
  19.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  20. }
  21. #tabs A {
  22.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableft.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  23. }
  24. #tabs A SPAN {
  25.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabright.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 5px
  26. }
  27. #tabs A SPAN {
  28.    FLOAT: none
  29. }
  30. #tabs A:hover SPAN {
  31.    COLOR: #ff9834
  32. }
  33. #tabs A:hover {
  34.    BACKGROUND-POSITION: 0% -42px
  35. }
  36. #tabs A:hover SPAN {
  37.    BACKGROUND-POSITION: 100% -42px
  38. }
  39. #tabsB {
  40.    FONT-SIZE: 93%; BACKGROUND: #f4f4f4; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  41. }
  42. #tabsB UL {
  43.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  44. }
  45. #tabsB LI {
  46.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  47. }
  48. #tabsB A {
  49.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftB.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  50. }
  51. #tabsB A SPAN {
  52.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightB.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 5px
  53. }
  54. #tabsB A SPAN {
  55.    FLOAT: none
  56. }
  57. #tabsB A:hover SPAN {
  58.    COLOR: #000
  59. }
  60. #tabsB A:hover {
  61.    BACKGROUND-POSITION: 0% -42px
  62. }
  63. #tabsB A:hover SPAN {[quote][/quote]
  64.    BACKGROUND-POSITION: 100% -42px
  65. }
  66. #tabsC {
  67.    FONT-SIZE: 93%; BACKGROUND: #edf7e7; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  68. }
  69. #tabsC UL {
  70.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  71. }
  72. #tabsC LI {
  73.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  74. }
  75. #tabsC A {
  76.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftC.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  77. }
  78. #tabsC A SPAN {
  79.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightC.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #464e42; PADDING-TOP: 5px
  80. }
  81. #tabsC A SPAN {
  82.    FLOAT: none
  83. }
  84. #tabsC A:hover SPAN {
  85.    COLOR: #fff
  86. }
  87. #tabsC A:hover {
  88.    BACKGROUND-POSITION: 0% -42px
  89. }
  90. #tabsC A:hover SPAN {
  91.    BACKGROUND-POSITION: 100% -42px
  92. }
  93. #tabsD {
  94.    FONT-SIZE: 93%; BACKGROUND: #fcf3f8; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #f4b7d6 1px solid
  95. }
  96. #tabsD UL {
  97.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  98. }
  99. #tabsD LI {
  100.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  101. }
  102. #tabsD A {
  103.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftD.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  104. }
  105. #tabsD A SPAN {
  106.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightD.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #c7377d; PADDING-TOP: 5px
  107. }
  108. #tabsD A SPAN {
  109.    FLOAT: none
  110. }
  111. #tabsD A:hover SPAN {
  112.    COLOR: #c7377d
  113. }
  114. #tabsD A:hover {
  115.    BACKGROUND-POSITION: 0% -42px
  116. }
  117. #tabsD A:hover SPAN {
  118.    BACKGROUND-POSITION: 100% -42px
  119. }
  120. #tabsE {
  121.    FONT-SIZE: 93%; BACKGROUND: #000; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  122. }
  123. #tabsE UL {
  124.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  125. }
  126. #tabsE LI {
  127.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  128. }
  129. #tabsE A {
  130.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftE.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  131. }
  132. #tabsE A SPAN {
  133.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightE.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
  134. }
  135. #tabsE A SPAN {
  136.    FLOAT: none
  137. }
  138. #tabsE A:hover SPAN {
  139.    COLOR: #fff
  140. }
  141. #tabsE A:hover {
  142.    BACKGROUND-POSITION: 0% -42px
  143. }
  144. #tabsE A:hover SPAN {
  145.    BACKGROUND-POSITION: 100% -42px
  146. }
  147. #tabsF {
  148.    FONT-SIZE: 93%; BACKGROUND: #efefef; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #666 1px solid
  149. }
  150. #tabsF UL {
  151.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  152. }
  153. #tabsF LI {
  154.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  155. }
  156. #tabsF A {
  157.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftF.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  158. }
  159. #tabsF A SPAN {
  160.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightF.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 5px
  161. }
  162. #tabsF A SPAN {
  163.    FLOAT: none
  164. }
  165. #tabsF A:hover SPAN {
  166.    COLOR: #fff
  167. }
  168. #tabsF A:hover {
  169.    BACKGROUND-POSITION: 0% -42px
  170. }
  171. #tabsF A:hover SPAN {
  172.    BACKGROUND-POSITION: 100% -42px
  173. }
  174. #tabsG {
  175.    FONT-SIZE: 93%; BACKGROUND: #666; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  176. }
  177. #tabsG UL {
  178.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  179. }
  180. #tabsG LI {
  181.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  182. }
  183. #tabsG A {
  184.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftG.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  185. }
  186. #tabsG A SPAN {
  187.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightG.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
  188. }
  189. #tabsG A SPAN {
  190.    FLOAT: none
  191. }
  192. #tabsG A:hover SPAN {
  193.    COLOR: #fff
  194. }
  195. #tabsG A:hover {
  196.    BACKGROUND-POSITION: 0% -42px
  197. }
  198. #tabsG A:hover SPAN {
  199.    BACKGROUND-POSITION: 100% -42px
  200. }
  201. #tabsH {
  202.    FONT-SIZE: 93%; BACKGROUND: #000; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
  203. }
  204. #tabsH UL {
  205.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  206. }
  207. #tabsH LI {
  208.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  209. }
  210. #tabsH A {
  211.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftH.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  212. }
  213. #tabsH A SPAN {
  214.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightH.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
  215. }
  216. #tabsH A SPAN {
  217.    FLOAT: none
  218. }
  219. #tabsH A:hover SPAN {
  220.    COLOR: #fff
  221. }
  222. #tabsH A:hover {
  223.    BACKGROUND-POSITION: 0% -42px
  224. }
  225. #tabsH A:hover SPAN {
  226.    BACKGROUND-POSITION: 100% -42px
  227. }
  228. #tabsI {
  229.    FONT-SIZE: 93%; BACKGROUND: #eff4fa; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #dd740b 1px solid
  230. }
  231. #tabsI UL {
  232.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  233. }
  234. #tabsI LI {
  235.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  236. }
  237. #tabsI A {
  238.    PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BACKGROUND: url(images/tableftI.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  239. }
  240. #tabsI A SPAN {
  241.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightI.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
  242. }
  243. #tabsI A SPAN {
  244.    FLOAT: none
  245. }
  246. #tabsI A:hover SPAN {
  247.    COLOR: #fff
  248. }
  249. #tabsI A:hover {
  250.    BACKGROUND-POSITION: 0% -42px
  251. }
  252. #tabsI A:hover SPAN {
  253.    BACKGROUND-POSITION: 100% -42px
  254. }
  255. #tabsJ {
  256.    FONT-SIZE: 93%; BACKGROUND: #f4f4f4; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #24618e 1px solid
  257. }
  258. #tabsJ UL {
  259.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  260. }
  261. #tabsJ LI {
  262.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  263. }
  264. #tabsJ A {
  265.    PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BACKGROUND: url(images/tableftJ.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  266. }
  267. #tabsJ A SPAN {
  268.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightJ.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #24618e; PADDING-TOP: 5px
  269. }
  270. #tabsJ A SPAN {
  271.    FLOAT: none
  272. }
  273. #tabsJ A:hover SPAN {
  274.    COLOR: #fff
  275. }
  276. #tabsJ A:hover {
  277.    BACKGROUND-POSITION: 0% -42px
  278. }
  279. #tabsJ A:hover SPAN {
  280.    BACKGROUND-POSITION: 100% -42px
  281. }
  282. #tabsK {
  283.    FONT-SIZE: 93%; BACKGROUND: #e7e5e2; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #54545c 1px solid
  284. }
  285. #tabsK UL {
  286.    PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
  287. }
  288. #tabsK LI {
  289.    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  290. }
  291. #tabsK A {
  292.    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftK.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
  293. }
  294. #tabsK A SPAN {
  295.    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightK.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
  296. }
  297. #tabsK A SPAN {
  298.    FLOAT: none
  299. }
  300. #tabsK A:hover SPAN {
  301.    BACKGROUND-POSITION: 100% -42px; COLOR: #fff
  302. }
  303. #tabsK A:hover {
  304.    BACKGROUND-POSITION: 0% -42px
  305. }
  306. #tabsK A:hover SPAN {
  307.    BACKGROUND-POSITION: 100% -42px
  308. }
  309. </STYLE>
  310. </HEAD>
  311. <BODY>
  312. <DIV> </DIV>
  313. <H2>Tab Menu</H2>
  314. <DIV id=tabs>
  315. <UL>
  316. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  317. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  318. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  319. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  320. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  321. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  322. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  323. <H2>Tab Menu B</H2>
  324. <DIV id=tabsB>
  325. <UL>
  326. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  327. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  328. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  329. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  330. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  331. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  332. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  333. <H2>Tab Menu C</H2>
  334. <DIV id=tabsC>
  335. <UL>
  336. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  337. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  338. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  339. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  340. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  341. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  342. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  343. <H2>Tab Menu D</H2>
  344. <DIV id=tabsD>
  345. <UL>
  346. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  347. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  348. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  349. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  350. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  351. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  352. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  353. <H2>Tab Menu E</H2>
  354. <DIV id=tabsE>
  355. <UL>
  356. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  357. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  358. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  359. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  360. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  361. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  362. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  363. <H2>Tab Menu F</H2>
  364. <DIV id=tabsF>
  365. <UL>
  366. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  367. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  368. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  369. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  370. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  371. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  372. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  373. <H2>Tab Menu G</H2>
  374. <DIV id=tabsG>
  375. <UL>
  376. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  377. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  378. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  379. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  380. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  381. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  382. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  383. <H2>Tab Menu H</H2>
  384. <DIV id=tabsH>
  385. <UL>
  386. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  387. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  388. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  389. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  390. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  391. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  392. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  393. <H2>Tab Menu I</H2>
  394. <DIV id=tabsI>
  395. <UL>
  396. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  397. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  398. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  399. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  400. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  401. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  402. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  403. <H2>Tab Menu J</H2>
  404. <DIV id=tabsJ>
  405. <UL>
  406. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  407. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  408. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  409. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  410. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  411. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  412. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
  413. <H2>Tab Menu K</H2>
  414. <DIV id=tabsK>
  415. <UL>
  416. <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
  417. <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
  418. <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
  419. <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
  420. <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
  421. <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
  422. <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV></BODY></html>
复制代码
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复 顶 踩

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|金光论坛

GMT+8, 2025 年 2 月 1 日 14:55 , Processed in 0.114925 second(s), 22 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表