符合web标准的CSS+div+js滑动门特效代码-JS特效-爱易网页

符合web标准的CSS+div+js滑动门特效代码

日期：2014-05-18　浏览次数：20224 次

以下是程序代码

<style type="text/css">
ul li { list-style: none; }
ul, li { margin: 0; padding: 0;}
.tabs,.tabs_act{float:left;width:103px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;height:25px;text-align:center;line-height:25px;display:block;}
.tabs_act{font-weight:bold;color:#FC7404;border-bottom:1px solid #fff; background-image:url(../images/bj.gif)}
.www_zzjs_net{width:513px;border-left:1px solid #ccc;height:27px;}
.www_zzjs_net li{float:left;border-top:1px solid #ccc;}
.www_zzjs_net li.zzjs_net{border-bottom:1px solid #ccc;border-top:0px;width:305px;height:26px;line-height:26px;}
.tablist { clear:both; width:513px;border:1px solid #ccc;border-top:0px;height:300px;overflow:hidden;}
</style>
<SCRIPT language=javascript type=text/javascript>
function g(o){return document.getElementById(o);}
function Hovertab(num,counts,tabname,tabclass){
for (i=1;i<=counts;i++)
{//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
g(tabname+'tab0'+i).className=tabclass+'tabs';
g(tabname+'div0'+i).style.display='none';
}
g(tabname+'tab0'+num).className=tabclass+'tabs_act';
g(tabname+'div0'+num).style.display='block';
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</SCRIPT>
<BODY>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<div style=" width:513px; float:left; clear:both;">
<DIV class="www_zzjs_net">
<UL>
<LI><A class=tabs_act id=set_tab01 onMouseOver="Hovertab('1','2','set_','');" href="#">选项卡一</A></LI>
<LI><A class=tabs id=set_tab02 onMouseOver="Hovertab('2','2','set_','');" href="#">选项卡二</A> </LI>
<LI class="zzjs_net"></LI>
</UL>
</DIV>
<DIV class=tablist id=set_div01>站长特效选项卡一的内容</DIV>
<DIV class=tablist id=set_div02 style="DISPLAY: none">站长特效选项卡二的内容</DIV>
</div>
</BODY>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

FDD牌照12月将发放联通电信双4G反击中移动

欧盟控诉苹果在爱尔兰非法进行税收交易

FB上广告费用昂贵而且效果不及Twitter

中移动财报外的"五座大山"：运营商沦为走秀陪衬

都是300元内乐视盒子与小米盒子对比体验

苹果App Store被大量刷榜:iTunes账号成帮凶

英特尔承认，联想最新K系列智能手机放弃英特尔处理器

团购网站存活率仅18.6% 剩余缺乏千家

广电地方营业厅的一句“罚停”，暴露出了他们的本质

香港全能空间免费试用15天香港高速云虚拟主机PHP/ASP/NET送MSSQL和MYSQL

推荐阅读更多>