最简单的选项卡代码_表格CSS选项卡_好我要网--特色网络资源网站,hao51xx-好我要嘻嘻,好多我要滴!

最简单的选项卡代码

发布时间：2009/7/8 阅读次数：8168 字体大小: 【小】【中】【大】

本代码描述：
这个代码很很简单，不用js、flash，全部htm代码！

<!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>无标题文档</title> <style type="text/css">  </style> <script language="JavaScript"> function tabit(id,cid) { tab1.className="menu2"; tab2.className="menu2"; id.className="menu1"; ctab1.style.display="none"; ctab2.style.display="none"; cid.style.display="block"; } </script> </head> <body onload="tabit(tab1,ctab1)"> <table width="400" height="169" border="0" cellpadding="3" cellspacing="1" bgcolor="#990000"> <tr> <td height="20" class="menu1" id="tab1" onclick="tabit(tab1,ctab1)">精选视频</td> <td height="20" class="menu2" id="tab2" onclick="tabit(tab2,ctab2)">好听不停</td> </tr> <tr id="ctab1" style="display:none"> <td height="100" colspan="2" bgcolor="#FFFFFF">爱你不会变</td> </tr> <tr id="ctab2" style="display:none"> <td height="100" colspan="2" bgcolor="#FFFFFF">昏昏悠悠</td> </tr> </table> </body> </html>
帮助

提示：部分代码需要到这里测试才能看见完整效果！

上一篇：特别显眼闪烁的表格特效下一篇：自适应宽度的圆角表格代码

我要评论