效果说明图:
CSS代码:
.PartL {
BACKGROUND: url() #ffd77b repeat-y; OVERFLOW: hidden;
}
.TabADS {
OVERFLOW: hidden; WIDTH: 800px;
}
.TabADS UL {
CLEAR: both; OVERFLOW: hidden; WIDTH: 800px; HEIGHT: 24px;
}
.TabADS LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/center1.jpg) #e4e4e4 no-repeat right 50%; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 60px; CURSOR: pointer; COLOR: #333; PADDING-TOP: 6px; HEIGHT: 18px; TEXT-ALIGN: center
}
.TabADS .TasADSOn {
FONT-WEIGHT: bold; BACKGROUND: url(images/center.jpg) #ffe4a6 no-repeat right 50%; CURSOR: pointer; COLOR: #333; TEXT-ALIGN: center
}
.TabADSCon {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.TabADSCon LI {
LINE-HEIGHT: 20px; TEXT-ALIGN: left;OVERFLOW: hidden;
}
HTML代码:
| function Show_TabADSMenu(tabadid_num,tabadnum){ for(var i=0;i<5;i++){document.getElementById("tabadcontent_"+tabadid_num+i).style.display="none";} for(var i=0;i<5;i++){document.getElementById("tabadmenu_"+tabadid_num+i).className="";} document.getElementById("tabadmenu_"+tabadid_num+tabadnum).className="TasADSOn"; document.getElementById("tabadcontent_"+tabadid_num+tabadnum).style.display="block"; } onmouseover="setTimeout('Show_TabADSMenu(1,0)',200);">功能一 onmouseover="setTimeout('Show_TabADSMenu(1,1)',200);">功能二 onmouseover="setTimeout('Show_TabADSMenu(1,2)',200);">功能三 onmouseover="setTimeout('Show_TabADSMenu(1,3)',200);">功能四 onmouseover="setTimeout('Show_TabADSMenu(1,4)',200);">功能五 |
Copyright © 2019- ysem.cn 版权所有
违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务