网站首页
高清电影
无损音乐
游戏攻略
电脑教程
破解资源
站长资源
javascript渐变显示的雅虎中国选项卡效果代码
(编辑：jimmy 日期: 2026/1/18 浏览：
2
)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>y</title> <style type="text/css"> body { margin: 0; text-align: center; font-size: 12px; } .papanel, .pabd, .paft, .patop {width: 348px;} .papanel { background: #a5d0fd url("/article/upimages/pabg.gif") repeat-x; border-left: 1px solid #7bbdff; border-right: 1px solid #7bbdff; font-family: arial; } .pabd { clear: both; overflow: hidden; padding-bottom: .35em; background: url("/article/upimages/patbg.gif") no-repeat top left; } .patop{ height: 25px; line-height: 20px; overflow: hidden; } /*顶部圆角开始*/ .pabdt { background: url("/article/upimages/pabdr.gif") 0 0 no-repeat; width: 350px; height: 4px; overflow: hidden; } .pabdb { background: url("/article/upimages/pabdr.gif") 0 -4px no-repeat; width: 350px; height: 3px; overflow: hidden; } /*顶部圆角结束*/ .tabWin { width: 340px; margin: 0 auto; } .tabWin .TabTitle { margin: .25em 0 0 0; padding: 0; list-style: none; height: 40px; } .tabWin .TabTitle li { float: left; position: relative; width: 112px; height: 40px; line-height: 40px; text-align: center; } .tabWin .TabTitle li a { display: block; width: 109px; height: 40px; } /*内置背景开始*/ .tabWin .TabContent { position: relative; clear: both; width: 338px; margin: 0 auto; background: #fff; border-left: 1px solid #85c3ff; border-right: 1px solid #5ca3e9; display: block; } /*外部小图标开始*/ .tabWin .icomailn { background: url("/article/upimages/tabicmln.gif") 0 0 no-repeat; } .tabWin .icomail { background: url("/article/upimages/tabicml.gif") 0 0 no-repeat; } .tabWin .icoalb { background: url("/article/upimages/tabicalb.gif") 0 0 no-repeat; } .tabWin .icomus { background: url("/article/upimages/tabicmus.gif") 0 0 no-repeat; } .tabWin .icofin { background: url("/article/upimages/tabicfin.gif") 0 0 no-repeat; } .tabWin .icoalqq { background: url("/article/upimages/tabicfin.gif") 0 0 no-repeat; } /*正常*/ .tabWin .tabWinNormal{ background: url("/article/upimages/patabs1.gif") no-repeat; } /*1*/ .tabWin .tabWinAtive1 { background: url("/article/upimages/patabsa.gif") no-repeat; } /*2*/ .tabWin .tabWinAtive2 { background: url("/article/upimages/patabsb.gif") no-repeat; } /*3*/ .tabWin .tabWinAtive3 { background: url("/article/upimages/patabsc.gif") no-repeat; } #patabs1 strong, #patabs2 strong{ color: #0062c5; font-size: 13px; margin-left: 2em; } .tabWin .none { height:150px; text-align:center; display:none; filter:revealtrans(transition=22,duration=0.5) blendtrans(duration=0.5) alpha(opacity=97) progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#EBF0F4); } </style> </head> <body> <strong>乐为</strong> <ul class="TabTitle tabWinNormal" id="patabs1"> <li> <strong>电影</strong></li> <li> <strong>电视剧</strong></li> <li> <strong>体育节目</strong></li> </ul> 111 222 333 <ul class="TabTitle tabWinNormal" id="patabs2"> <li> <strong>网络游戏</strong></li> <li> <strong>单机游戏</strong></li> <li> <strong>手机游戏</strong></li> </ul> ddesse 555 666 </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
非常漂亮的JS代码经典广告
下一篇：
兼容ie和firefox版本的js反选 全选 多选框
一句话新闻
Windows上运行安卓你用过了吗
在去年的5月23日，借助Intel Bridge Technology以及Intel Celadon两项技术的驱动，Intel为PC用户带来了Android On Windows（AOW）平台，并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版，将Windows与安卓两大生态进行了融合，PC的使用体验随即被带入到了一个全新的阶段。
首页
音乐
电影
资源