运行代码框<!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</p><p align='center'><b><a href='/Tech/WebDesign/JSTX/200703/2761_3.html'>上一页</a> <a href='/Tech/WebDesign/JSTX/200703/2761.html'>[1]</a> <a href='/Tech/WebDesign/JSTX/200703/2761_2.html'>[2]</a> <a href='/Tech/WebDesign/JSTX/200703/2761_3.html'>[3]</a> <font color='red'>[4]</font> <a href='/Tech/WebDesign/JSTX/200703/2761_5.html'>[5]</a> <a href='/Tech/WebDesign/JSTX/200703/2761_6.html'>[6]</a> <a href='/Tech/WebDesign/JSTX/200703/2761_7.html'>[7]</a> <a href='/Tech/WebDesign/JSTX/200703/2761_8.html'>[8]</a> <a href='/Tech/WebDesign/JSTX/200703/2761_9.html'>[9]</a> <a href='/Tech/WebDesign/JSTX/200703/2761_10.html'>[10]</a> ... <a href='/Tech/WebDesign/JSTX/200703/2761_5.html'>下一页</a> <a href='/Tech/WebDesign/JSTX/200703/2761_11.html'> >> </a></b></p> <center></center></td> </tr> <tr> <td height="25" align='right' class="Article_tdbgall">教程录入：jerome 责任编辑：jerome </td> </tr> <tr> <td height="25"><li>上一篇教程： <a class='LinkPrevArticle' href='/Tech/WebDesign/JSTX/200703/2760.html' title='文章标题：[JS]用 或 || 来兼容FireFox 作 者：xling 更新时间：2007-3-30 12:42:34'>[JS]用 或 || 来兼容FireFox</a></li><br> <li>下一篇教程： <a class='LinkNextArticle' href='/Tech/WebDesign/JSTX/200703/2764.html' title='文章标题：用javascript实现Base64编码 作 者：tane274 更新时间：2007-3-30 12:42:36'>用javascript实现Base64编码</a></li></td> </tr> <tr> <td height="25" align='right' class="Article_tdbgall">【字体：<a href="javascript:fontZoomA();" class="top_UserLogin">小</a> <a href="javascript:fontZoomB();" class="top_UserLogin">大</a>】【<a href="/Tech/Comment.asp?ArticleID=2761" target="_blank">发表评论</a>】【<a href="/User/User_Favorite.asp?Action=Add&ChannelID=1002&InfoID=2761" target="_blank">加入收藏</a>】【<a href="/Tech/SendMail.asp?ArticleID=2761" target="_blank">告诉好友</a>】【<a href="/Tech/Print.asp?ArticleID=2761" target="_blank">打印此文</a>】【<a href="javascript:window.close();">关闭窗口</a>】 </td> </tr> </table> <br> <table style="WORD-BREAK: break-all" cellSpacing=0 cellPadding=0 width="575" border=0> <tr> <td class=main_shadow></td> </tr> <tr> <td class=main_title_575><B>相关教程</B></td> </tr> <tr> <td class=main_tdbg_575> <a class='LinkArticleCorrelative' href='/Tech/WebGuide/Experience/200707/3288.html' title='文章标题：图文教程：Discuz!5.5 JS的调用 作 者：佚名 更新时间：2007-7-24 15:02:52' target="_self">图文教程：Discuz!5.5 JS的调用</a><br><a class='LinkArticleCorrelative' href='/Tech/WebDesign/JSTX/200707/3281.html' title='文章标题：用javascript 转换外部链接样式 作 者：幻想曲 更新时间：2007-7-19 17:17:27' target="_self">用javascript 转换外部链接样式</a><br><a class='LinkArticleCorrelative' href='/Tech/WebDesign/JSTX/200707/3278.html' title='文章标题：用javascript实现select的美化 作 者：jxdawei 更新时间：2007-7-19 17:17:08' target="_self">用javascript实现select的美化</a><br><a class='LinkArticleCorrelative' href='/Tech/WebDesign/JSTX/200707/3270.html' title='文章标题：javascript 的事件冒泡 demo 作 者：Realazy 更新时间：2007-7-19 17:15:39' target="_self">javascript 的事件冒泡 demo</a><br><a class='LinkArticleCorrelative' href='/Tech/WebDesign/JSTX/200707/3269.html' title='文章标题：面向对象的 javascript 作 者：mozart0 更新时间：2007-7-19 17:15:35' target="_self">面向对象的 javascript</a><br><a class='LinkArticleCorrelative' href='/Tech/WebDesign/JSTX/200707/3267.html' title='文章标题：仿6room网站图片链接效果 作 者：webflash 更新时间：2007-7-19 17:15:23' target="_self">仿6room网站图片链接效果</a><br><a class='LinkArticleCorrelative' href='/Tech/WebDraw/FW/200704/3213.html' title='文章标题：打破玻璃的动画效果 作 者：jsuper 更新时间：2007-4-27 9:58:19' target="_self">打破玻璃的动画效果</a><br><a class='LinkArticleCorrelative' href='/Tech/MultiMedia/FLASH/200704/3210.html' title='文章标题：[Flash] 图片轮换效果 作 者：HBrO 更新时间：2007-4-27 9:58:06' target="_self">[Flash] 图片轮换效果</a><br><a class='LinkArticleCorrelative' href='/Tech/MultiMedia/FLASH/200704/3200.html' title='文章标题：flash8 绘制至尊土豆 作 者：lele 更新时间：2007-4-27 9:57:53' target="_self">flash8 绘制至尊土豆</a><br><a class='LinkArticleCorrelative' href='/Tech/MultiMedia/FLASH/200704/3197.html' title='文章标题：AS+JS的Flash网站无刷新定位技术 作 者：HBrO 更新时间：2007-4-27 9:57:47' target="_self">AS+JS的Flash网站无刷新定位技术</a><br></td> </tr> <tr> <td class=main_shadow></td> </tr> </table> <table cellSpacing=0 cellPadding=0 width=575 border=0> <tr> <td height=25 class=main_title_575><b>网友评论：</b>（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）</td> </tr> <tr> <td class=main_tdbg_575 height=30> <script language='javascript' src='/Tech/Comment.asp?Action=JS&CommentNum=10&ArticleID=2761'></script></td> </tr> </table> </td> </tr> </table> <!-- ********网页中部代码结束******** --> <!-- ********网页底部代码开始******** --><iframe src="/popbbs.asp" width="0" height="0" border="0" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> <table cellSpacing=0 cellPadding=0 width=776 align=center border=0> <tr> <td class=F11 align=middle background=/Skin/17zm_v6/bottom_r1_c1.jpg height=33><A class=bottom href="http://www.miibeian.gov.cn/" target=_blank>湘ICP备05010790号</A> <FONT color=#ffffff>{$Wap}</FONT></td> </tr> <tr> <td align=middle background=/Skin/17zm_v6/bottom_r2_c1.jpg height=25><A class=bottom href="/SiteInfo.asp?info=about" target=_blank>关于我们</A> | <A class=bottom href="/SiteInfo.asp?info=history" target=_blank>版本历史</A> | <A class=bottom href="/SiteInfo.asp?info=Contact" target=_blank>联系方法</A> | <A class=bottom href="/SiteInfo.asp?info=Privacy" target=_blank>隐私条例</A> | <A class=bottom href="/SiteInfo.asp?info=linkus" target=_blank>链接我们</A> | <A class=bottom href="/SiteInfo.asp?info=Advertise" target=_blank>广告服务</A> | <A class=bottom href="/SiteInfo.asp?info=FAQ" target=_blank>常见问题</A> | <A class=bottom href="/FriendSite" target=_blank>友情链接</A> | <A class=bottom href="/Announcelist.asp" target=_blank>网站公告</A> | <A class=bottom onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.17zm.net');" href="/$">设为首页</A> | <A class=bottom href="javascript:window.external.addFavorite('http://www.17zm.net','织梦建站服务网');">收藏本站</A></td> </tr> <tr> <td align=middle background=/Skin/17zm_v6/bottom_r3_c1.jpg height=26><SPAN class=f11>Copyright © 2001-2006 <STRONG>17zm.NET</STRONG> All Rights Reserved. <A class=bottom href="http://zmstudio.17zm.net/" target=_blank><IMG height=17 alt=织梦建站工作室 src="/Skin/17zm_v6/zmci_84-48.gif" width=29 align=absMiddle border=0></A>[<A class=bottom href="http://zmstudio.17zm.net/" target=_blank><STRONG>织梦建站工作室</STRONG></A>]™荣誉出品. Since <STRONG>2001</STRONG></SPAN></td> </tr> <tr> <td height=7><IMG id=bottom_r4_c1 height=7 alt="" src="/Skin/17zm_v6/bottom_r4_c1.jpg" width=776 border=0 name=bottom_r4_c1></td> </tr> </table> <iframe src="/stat.htm" width="0" height="0" border="0" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!-- ********网页底部代码结束******** --> </body> </html> <NOSCRIPT><IFRAME src='*' Width='0' Height='0'></IFRAME></NOSCRIPT>
您现在的位置： 
