当前位置:网站首页 - 特效代码 - 按钮特效
  • <META content=酷站欣赏尽在http://web.2008php.com/ name=Copyright> <META content=酷站欣赏尽在http://web.2008php.com name=description> <META content=酷站欣赏尽在http://web.2008php.com name=keywords> <STYLE type=text/css> body { margin:0; padding:0; font: bold 11px/1.5em Verdana; } h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 0px 15px; } img { border: none; } /*- Menu Tabs 1--------------------------- */ #tabs1 { float:left; width:100%; background:#F4F7FB; font-size:93%; line-height:normal; border-bottom:1px solid #BCD2E6; } #tabs1 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs1 li { display:inline; margin:0; padding:0; } #tabs1 a { float:left; background:url("http://www.2008php.com/b_1.jpg") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs1 a span { float:left; display:block; background:url("jsfile/images/tabright1.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#627EB7; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs1 a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:#627EB7; } #tabs1 a:hover { background-position:0% -42px; } #tabs1 a:hover span { background-position:100% -42px; } /*- Menu Tabs 2--------------------------- */ #tabs2 { float:left; width:100%; font-size:93%; line-height:normal; border-bottom:1px solid #84776B; } #tabs2 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs2 li { display:inline; margin:0; padding:0; } #tabs2 a { float:left; background:url("jsfile/images/tableft2.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs2 a span { float:left; display:block; background:url("jsfile/images/tabright2.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#84776B; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs2 a span {float:none;} /* End IE5-Mac hack */ #tabs2 a:hover span { color:#74675B; } #tabs2 a:hover { background-position:0% -42px; } #tabs2 a:hover span { background-position:100% -42px; } /*- Menu Tabs 3--------------------------- */ #tabs3 { float:left; width:100%; background:#E4E6EB; font-size:93%; line-height:normal; } #tabs3 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs3 li { display:inline; margin:0; padding:0; } #tabs3 a { float:left; background:url("jsfile/images/tableft3.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs3 a span { float:left; display:block; background:url("jsfile/images/tabright3.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs3 a span {float:none;} /* End IE5-Mac hack */ #tabs3 a:hover span { color:#FFF; } #tabs3 a:hover { background-position:0% -42px; } #tabs3 a:hover span { background-position:100% -42px; } /*- Menu Tabs 4--------------------------- */ #tabs4 { float:left; width:100%; font-size:93%; line-height:normal; border-bottom:1px solid #6B78A9; } #tabs4 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs4 li { display:inline; margin:0; padding:0; } #tabs4 a { float:left; background:url("jsfile/images/tableft4.gif") no-repeat left top; margin:0; padding:0 0 0 7px; text-decoration:none; } #tabs4 a span { float:left; display:block; background:url("jsfile/images/tabright4.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#6B78A9; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs4 a span {float:none;} /* End IE5-Mac hack */ #tabs4 a:hover span { color:#6B78A9; } #tabs4 a:hover { background-position:0% -42px; } #tabs4 a:hover span { background-position:100% -42px; } /*- Menu Tabs 5--------------------------- */ #tabs5 { float:left; width:100%; background:#E3ECF3; font-size:93%; line-height:normal; } #tabs5 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs5 li { display:inline; margin:0; padding:0; } #tabs5 a { float:left; background:url("jsfile/images/tableft5.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs5 a span { float:left; display:block; background:url("jsfile/images/tabright5.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs5 a span {float:none;} /* End IE5-Mac hack */ #tabs5 a:hover span { color:#FFF; } #tabs5 a:hover { background-position:0% -42px; } #tabs5 a:hover span { background-position:100% -42px; } /*- Menu Tabs 6--------------------------- */ #tabs6 { float:left; width:100%; background:#efefef; font-size:93%; line-height:normal; border-bottom:1px solid #666; } #tabs6 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs6 li { display:inline; margin:0; padding:0; } #tabs6 a { float:left; background:url("jsfile/images/tableft6.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs6 a span { float:left; display:block; background:url("jsfile/images/tabright6.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs6 a span {float:none;} /* End IE5-Mac hack */ #tabs6 a:hover span { color:#FFF; } #tabs6 a:hover { background-position:0% -42px; } #tabs6 a:hover span { background-position:100% -42px; } /*- Menu Tabs 7--------------------------- */ #tabs7 { float:left; width:100%; background:#D4DAE7; font-size:93%; line-height:normal; border-bottom:1px solid #333B66; } #tabs7 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs7 li { display:inline; margin:0; padding:0; } #tabs7 a { float:left; background:url("jsfile/images/tableft7.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs7 a span { float:left; display:block; background:url("jsfile/images/tabright7.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#999; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs7 a span {float:none;} /* End IE5-Mac hack */ #tabs7 a:hover span { color:#ECB546; } #tabs7 a:hover { background-position:0% -42px; } #tabs7 a:hover span { background-position:100% -42px; } /*- Menu Tabs 8--------------------------- */ #tabs8 { float:left; width:100%; background:#FCF1F6; font-size:93%; line-height:normal; border-bottom:1px solid #E276A7; } #tabs8 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs8 li { display:inline; margin:0; padding:0; } #tabs8 a { float:left; background:url("jsfile/images/tableft8.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs8 a span { float:left; display:block; background:url("jsfile/images/tabright8.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#333; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs8 a span {float:none;} /* End IE5-Mac hack */ #tabs8 a:hover span { color:#591333; } #tabs8 a:hover { background-position:0% -42px; } #tabs8 a:hover span { background-position:100% -42px; } /*- Menu Tabs 9--------------------------- */ #tabs9 { float:left; width:100%; font-size:93%; border-bottom:1px solid #F45551; line-height:normal; } #tabs9 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs9 li { display:inline; margin:0; padding:0; } #tabs9 a { float:left; background:url("jsfile/images/tableft9.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs9 a span { float:left; display:block; background:url("jsfile/images/tabright9.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs9 a span {float:none;} /* End IE5-Mac hack */ #tabs9 a:hover span { color:#FFF; } #tabs9 a:hover { background-position:0% -42px; } #tabs9 a:hover span { background-position:100% -42px; } /*- Menu Tabs 10--------------------------- */ #tabs10 { float:left; width:100%; font-size:93%; border-bottom:1px solid #2763A5; line-height:normal; } #tabs10 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs10 li { display:inline; margin:0; padding:0; } #tabs10 a { float:left; background:url("jsfile/images/tableft10.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs10 a span { float:left; display:block; background:url("jsfile/images/tabright10.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs10 a span {float:none;} /* End IE5-Mac hack */ #tabs9 a:hover span { color:#FFF; } #tabs10 a:hover { background-position:0% -42px; } #tabs10 a:hover span { background-position:100% -42px; } /*- Menu Tabs 11--------------------------- */ #tabs11 { float:left; width:100%; background:#F9F7F3; font-size:93%; line-height:normal; border-bottom:1px solid #C2BDAE; } #tabs11 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs11 li { display:inline; margin:0; padding:0; } #tabs11 a { float:left; background:url("jsfile/images/tableft11.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs11 a span { float:left; display:block; background:url("jsfile/images/tabright11.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#9F9584; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs11 a span {float:none;} /* End IE5-Mac hack */ #tabs11 a:hover span { color:#FFF; } #tabs11 a:hover { background-position:0% -42px; } #tabs11 a:hover span { background-position:100% -42px; } /*- Menu Tabs 12--------------------------- */ #tabs12 { float:left; width:100%; background:#F9F7F3; font-size:93%; line-height:normal; border-bottom:1px solid #C2BDAE; } #tabs12 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs12 li { display:inline; margin:0; padding:0; } #tabs12 a { float:left; background:url("jsfile/images/tableft12.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs12 a span { float:left; display:block; background:url("jsfile/images/tabright12.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#E4D6CD; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs12 a span {float:none;} /* End IE5-Mac hack */ #tabs12 a:hover span { color:#FFF; } #tabs12 a:hover { background-position:0% -42px; } #tabs12 a:hover span { background-position:100% -42px; } </STYLE> <DIV><A href="http://www.exploding-boy.com"><IMG alt="ExplodingBoy - Home" src="http://www.2008php.com/b_1.jpg"></A> </DIV> <H2>Tab Menu 1</H2> <DIV id=tabs1> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR> <H2>Tab Menu 2</H2> <DIV id=tabs2> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR> <H2>Tab Menu 3</H2> <DIV id=tabs3> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR> <H2>Tab Menu 4</H2> <DIV id=tabs4> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR> <H2>Tab Menu 5</H2> <DIV id=tabs5> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR> <H2>Tab Menu 6</H2> <DIV id=tabs6> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR> <H2>Tab Menu 7</H2> <DIV id=tabs7> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR> <H2>Tab Menu 8</H2> <DIV id=tabs8> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR> <H2>Tab Menu 9</H2> <DIV id=tabs9> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR> <H2>Tab Menu 10</H2> <DIV id=tabs10> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR> <H2>Tab Menu 11</H2> <DIV id=tabs11> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR> <H2>Tab Menu 12</H2> <DIV id=tabs12> <UL> <LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A> <LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A> <LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A> <LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A> <LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A> <LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A> <LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR><BR><IMG src="/editor/sysimage/file/rar.gif" border=0><A href="/uploadfile/200808/20080825001542109.rar" target=_blank>DIV+CSS按钮导航菜单样式二.rar</A><BR>