运行代码框<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <base href="http://www.cn-lan.com/"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <script language="JavaScript"> var txtstr_1=" QQ:28983016 Email:<a href=mailto:451200@126.com>451200@126.com</a>"; var txtstr_2=" 需要软件的朋友可以与我联系。"; var txtstr_3=" 论坛现在暂时关闭,请朋友们在QQ上联系." var txtstr_4=" 孤独的时候便走向自然;<br>寂寞的时候便走向音乐;<br>失败的时候便走向憧憬;<br>委屈的时候便走向创造和友情。<br>" function changediv(n){ for(i=1;i<=5;i++){ eval("document.getElementById('s'+i+'').className='under'+n+''"); //此次循环的作用是分别将s开头的ID处的下边界设置为相应的颜色 } for(i=1;i<=4;i++){ eval("document.getElementById('c"+i+"').className='a"+n+"'"); //此次循环初始化所有的选项卡按钮的背景图片为cb0.gif,银灰色 } eval("document.getElementById('c"+n+"').className='t"+n+"'"); //然后设置鼠标移动到的相应位置的背景图片为相应的图片,修改对应的样式表。 eval("document.getElementById('bodyt').className='body"+n+"'"); //修改选项卡下半部的样式,使其的色彩与上半部的图片相适应。 bodytxt=eval('txtstr_'+n); if(bodytxt==""){ alert("数据正在下载,请稍候!");} else { document.getElementById("txt1").innerHTML=bodytxt; //设置选项卡主体部分相应的文字。 } } </script> <style type="text/css"> <!-- .t1 { background-image: url(cb1.gif); border-bottom-width: medium; border-bottom-style: none; border-right-width: 1px; border-right-style: solid; border-right-color: #88c027; } .t2 { background-image: url(cb2.gif); padding-top: 3px; border-right-width: 1px; border-right-style: solid; border-right-color: #eac751; } .t3 { background-image: url(cb3.gif); padding-top: 3px; border-right-width: 1px; border-right-style: solid; border-right-color: #ee6f69; } .t4 { background-image: url(cb4.gif); padding-top: 3px; border-right-width: 1px; border-right-style: solid; border-right-color: #7eaffb; } .t0 { background-image: url(cb0.gif); padding-top: 3px; border-bottom-width: 0px; border-bottom-style: none; border-right-width: 1px; border-right-style: solid; border-right-color: #AEABA9; } --> </style> <style type="text/css"> <!-- td { font-size: 12px; line-height: 16px; } .d1 { padding-top: 3px; border-bottom-width: medium; border-bottom-style: none; } .d2{ padding-top: 3px; border-bottom-width: medium; border-bottom-style: none; } .d3{ padding-top: 3px; border-bottom-width: medium; border-bottom-style: none; } .d4{ padding-top: 3px; border-bottom-width: medium; border-bottom-style: none; } .under1 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #88c027; } .under2 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eac751; } .under3 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ee6f69; } .under4 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7eaffb; } .body1 { background-color: #d6efb5; border-top: 0px none; border-right: 1px solid #88c027; border-bottom: 1px solid #88c027; border-left: 1px solid #88c027; } .body2 { background-color:#fff7be; border-top: 0px none #eac751; border-right: 1px solid #eac751; border-bottom: 1px solid #eac751; border-left: 1px solid #eac751; } .body3 { background-color: #ffe5e3; border-top: 0px none; border-right: 1px solid #ee6f69; border-bottom: 1px solid #ee6f69; border-left: 1px solid #ee6f69; } .body4 { background-color: #d4eaff; border-top: 0px none; border-right: 1px solid #7eaffb; border-bottom: 1px solid #7eaffb; border-left: 1px solid #7eaffb; } .firstunderline { border-bottom-width: medium; border-bottom-style: none; } .bodytop { border-top-width: medium; border-top-style: none; } --> </style> <style type="text/css"> <!-- .a1 { background-image: url(cb0.gif); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #88c027; border-right-width: 1px; border-right-style: solid; border-right-color: #AEABA9; } .a2 { background-image: url(cb0.gif); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eac751; border-right-width: 1px; border-right-style: solid; border-right-color: #AEABA9; } .a3 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ee6f69; background-image: url(cb0.gif); border-right-width: 1px; border-right-style: solid; border-right-color: #AEABA9; } .a4 { background-image: url(cb0.gif); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7eaffb; border-right-width: 1px; border-right-style: solid; border-right-color: #AEABA9; } .temp { background-image: url(cb0.gif); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #88c027; border-right-width: 1px; border-right-style: solid; border-right-color: #AEABA9; } --> </style> </head> <body> <table width="294" border="0" align="center" cellpadding="0" cellspacing="0"> <tr valign="bottom"> <td id="s1" width="8" height="19" class="under1"><br> </td> <td id="c1" width="60" align="center" class="t1" onMouseOver="changediv(1)">我佛山人</td> <td id="s2" width="8" class="under1"><br> </td> <td id="c2" width="60" align="center" class="temp" onMouseOver="changediv(2)">红色黑客</td> <td id="s3" width="8" class="under1"><br> </td> <td id="c3" width="60" align="center" class="temp" onMouseOver="changediv(3)">蓝色月光</td> <td id="s4" width="8" class="under1"><br> </td> <td id="c4" width="60" align="center" class="temp" onMouseOver="changediv(4)"">孤零飘客</td> <td id="s5" width="49" class="under1"><br> </td> </tr> </table> <table width="294" height="94" border="0" align="center" cellpadding="0" cellspacing="0" class="body1" id="bodyt"><tbody> <tr> <td valign="top"><br><div id="txt1"> <script language="javascript"> document.write(txtstr_1); </script> </div> </td> </tr> </tbody> </table> <p> </p> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
运行代码框<html> <head> <title> New Document </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="Generator" content="EditPlus"> <meta name="Keywords" content=""> <meta name="Description" content=""> <style type="text/css"> body,table,tr,td{ font-size:12px; color:#000000; } .sec1 { background-color: #99CC99; cursor: hand; color: #000000; border-left: 1px solid #FFFFFF; border-right: 1px solid gray; border-bottom: 1px solid #FFFFFF } .sec2 { background-color: #D4D0C8; cursor: hand; color: #000000; border-left: 1px solid #FFFFFF; border-right: 1px solid gray; font-weight: bold; } .main_tab { background-color: #D4D0C8; color: #000000; border-left:1px solid #FFFFFF; border-right: 1px solid gray; border-bottom: 1px solid gray; } </style> </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0"> <table width="588" border="0" cellspacing="1" cellpadding="4" align="center"> <tr> <td width="82%">当前位置:展馆分布 > <span id="weizi">A展馆1楼展厅</td> <td width="18%"></td> </tr> <tr> <td colspan="2" height="1" bgcolor="#000000"></td> </tr> <tr> <td colspan="2" height="4"></td> </tr> <tr> <td colspan="2"> <table border=0 cells
上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] ... 下一页 >>