网页制作特效代码园地
又一款漂亮精致的标签切换菜单
www.qpsh.com 更新日期：2008-6-18 人气指数 2650
<html> <head> <title>WWW.QPSH.COM</title> <style> body {font-size:12px;font-family:宋体} ul.TabBarLevel1{list-style:none;margin:0;padding:0;height:29px;background-image:url(/info/tabbar_level1_bk.gif);} ul.TabBarLevel1 li{float:left;padding:0;height:29px;margin-right:1px;background:url(/info/tabbar_level1_slice_left_bk.gif) left top no-repeat;} ul.TabBarLevel1 li a{display:block;line-height:29px;padding:0 20px;color:#333;background:url(/info/tabbar_level1_slice_right_bk.gif) right top no-repeat;white-space: nowrap;} ul.TabBarLevel1 li.Selected{background:url(/info/tabbar_level1_slice_selected_left_bk.gif) left top no-repeat;} ul.TabBarLevel1 li.Selected a{background:url(/info/tabbar_level1_slice_selected_right_bk.gif) right top no-repeat;} ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited{color:#333;} ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active{color:#F30;text-decoration:none;} ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited{color:#000;} ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active{color:#F30;text-decoration:none;} div.HackBox {padding : 2px 2px ;border-left: 2px solid #6697CD;border-right: 2px solid #6697CD;border-bottom: 2px solid #6697CD;} div{word-break:break-all;word-wrap:break-word} .t{border:1px solid #76BAC2;margin:0px auto 8px; height:auto; overflow:hidden} .t2{border-top:#76BAC2 1px solid;margin:0px auto 5px;} .t {padding:0} th{word-break:break-all;word-wrap:break-word} .r_one{background:#ffffff;} .tr1 th{padding:5px 10px;text-align:left;vertical-align:top;font-weight:normal;} .tr1 th{border-right:1px solid #D5E5E8;} .tpc_content{font-size:14px;font-family:Arial;padding:0 2% 0 0.5%;margin:0 0 2%} </style> </head> <body> <div id="Whatever"> <ul class="TabBarLevel1" id="TabPage1"> <li id="Tab1"><a href="#" onClick="javascript:switchTab('TabPage1','Tab1','HackBox1');">宝贝详情</a></li> <li id="Tab2" class="Selected"><a href="#" onClick="javascript:switchTab('TabPage1','Tab2','HackBox2');">其他信息</a></li> <li id="Tab3"><a href="#" onClick="javascript:switchTab('TabPage1','Tab3','HackBox3');">出价记录</a></li> <li id="Tab4"><a href="#" onClick="javascript:switchTab('TabPage1','Tab4','HackBox4');">留言簿</a></li> </ul> <div id="HackBox1" class="HackBox" style="width:100%;display:none;"> <div align="center"> <table border="0" width="95%" cellpadding="0" style="border-collapse: collapse" height="90" id="table1"> <tr> <td style="line-height: 150%"><b>把男人当玩物的女人</b><br> 她的爱情字典里没有“唯一”这两个字，她懂的利用女人的天赋来让男人心悦诚服，从不同的男人身上获取不同的需求，同时却巧妙地让每个人都以为是她的最爱，除非能抱着大家一起玩的心态，否则小心。</td> </tr> </table> </div> </div> <div id="HackBox2" class="HackBox" style="width:100%;display:block;"> <div align="center"> <table border="0" width="95%" cellpadding="0" style="border-collapse: collapse" height="90" id="table2"> <tr> <td style="line-height: 150%"><b>拜金主义的女人</b> <br> 她不会看上穷光蛋，因为她的爱情首先建立在物质的满足上，她知道花男人的钱比自己辛苦赚来的钱容易，这是她限定和男人交往的条件。和她交往，总有金山银山被挖光的一天，那时只有落的人财两空的局面。</td> </tr> </table> </div> </div> <div id="HackBox3" class="HackBox" style="width:100%;display:none;"> <div align="center"> <table border="0" width="95%" cellpadding="0" style="border-collapse: collapse" height="90" id="table3"> <tr> <td style="line-height: 150%"><b>歇斯底里的女人</b> <br> 她的专长是一哭二闹三上吊，只要稍稍辜负她，她就会以死作威胁，当发现一个女人充满神经质，动不动就有发动千军万马之势，要随时提防它闹出失控的局面，否则就意味着不得安宁的日子从此开始。</td> </tr> </table> </div> </div> <div id="HackBox4" class="HackBox" style="width:100%;display:none;"> <div align="center"> <table border="0" width="95%" cellpadding="0" style="border-collapse: collapse" height="90" id="table4"> <tr> <td style="line-height: 150%"><b>翻脸不认人的女人</b> <br> 不管好的时候多好，一旦反目，她则完全变成另外一个人，毫不留情地公开你们之间所有的秘密，甚至不行玉石俱焚。碰到这样的女人，要有心理准备，分手后她底报复心会炸的你粉身碎骨。 </td> </tr> </table> </div> </div> </div> <script language="JavaScript"> //by http://www.qpsh.com function switchTab(tabpage,tabid,show_n){ //alert(show_n); for(var i=1;i<5;i++){ document.getElementById('HackBox'+i).style.display="none"; } document.getElementById(show_n).style.display="block"; var oItem = document.getElementById(tabpage); for(var i=0;i<oItem.children.length;i++){ var x = oItem.children(i); x.className = ""; var y = x.getElementsByTagName('a'); y[0].style.color="#333333"; } document.getElementById(tabid).className = "Selected"; } </script> </body> </html>
【返回首页】【刷新本页】【返回顶部】【关闭本页】
本类热门
9/2/2007
8/29/2007
12/25/2007
9/3/2007
本类最新
9/25/2008
8/3/2008
7/28/2008
7/25/2008
最具人气
33221
20571
16688
16422
16084
12857
12685
11251
常用特效
2241
4686
2209
2221
2692
2192
3378
推荐特效
2727
5985
2019
1538
4615
9605
10471
2651
CopyRight © 网页特效代码 2006 - 2007 Qpsh.Com All rights reserved
