自动切换的简洁网页选项卡

2024-09-05 12:20:09

字体：大中小

来源：转载

供稿：网友

简洁人网页选项卡，与其它TAB不同的是，本选项卡是自动切换的，在变量里设定选项卡的内容、切换时间等，它就开始工作了，如果可以响应鼠标的动作就更完美了。

<html><head><title>自动切换的选项卡</title><style>.tab{width:100px;height:25px;background-color:#ccc;margin:0;padding:0;border-right:1px solid #666;}.tab_on{width:100px;height:25px;background-color:#eee;margin:0;padding:0;border-bottom:1px solid #666;border-top:1px solid #666;border-left:1px solid #666;}#show{width:200px;height:100px;background-color:#eee;border-bottom:1px solid #666;border-top:1px solid #666;border-right:1px solid #666;line-height:30px;}</style><script language="javascript" type="text/javascript"></script></head><body onload="init()"><table border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">  <tr>    <td align="right">    <div id="tab_1" class="tab_on">ASP</div>    <div id="tab_2" class="tab" >PHP</div>    <div id="tab_3" class="tab" >JSP</div>    <div id="tab_4" class="tab">JAVA</div>    </td>    <td bgcolor="#eeeeee">    <div id="show"></div>    </td>  </tr></table></body></html>

上一篇：经典的蓝色竖排CSS网站菜单

下一篇：带缓冲的伸缩下拉菜单

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注