javascript渐变显示的雅虎中国选项卡效果代码

Durriya ·

更新时间:2024-09-21

· 596 次阅读

<title>y</title> 
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); 
} 
 
 乐为 
 电影 
 电视剧 
 体育节目 
 111 
 222 
 333 
 网络游戏 
 单机游戏 
 手机游戏 
 ddesse 
 555 
 666

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

雅虎 JavaScript 选项卡

1024 个赞