📄 day3_6original.htm
字号:
<!-- check for different collection -->
<html>
<head>
<title>Webmonkey: dynamic_html: Taylor's Dynamic HTML Tutorial - Day 3</title>
<script>
function moveMonkey(monkey, dir) {
if (document.all) {
var wtMonkey = document.all(monkey).style;
} else if (document.layers) {
var wtMonkey = document.monkeyContainer.document.layers[monkey];
}
if ((parseInt(wtMonkey.left) <0) || (parseInt(wtMonkey.left) > 150)) {
dir = dir * -1;
wtMonkey.zIndex = 5 - dir;
}
wtMonkey.left = parseInt(wtMonkey.left) + dir;
setTimeout('moveMonkey(\'' + monkey + '\', ' + dir +')', 100);
}
</script>
</head>
<body bgcolor="#FFFFFF"
onload="moveMonkey('taylor', -5); moveMonkey('kristin', -5); moveMonkey('aaron', -5); moveMonkey('tim', -5); "
TEXT="#000000" link="#0000ff" Vlink="#660099">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="center"></td>
</tr>
</table>
<p><br>
<!-- TOP NAVIGATION --></p>
<table CELLPADDING="3" CELSPACING="0" BORDER="0" width="532">
<!-- AUTHOR IMAGE (commented out for PageX) -->
<tr>
<!-- BUFFER -->
<td rowspan="99" width="10"><img SRC="http://static.wired.com/webmonkey/images/spacer.gif"
WIDTH="10" HEIGHT="1"></td>
<!-- HEADLINE -->
<td width="365" valign="middle"><font size="3" color="#ff3300"><br>
<b><!--Figure out which page title to display --> </font><font face="arial, helvetica, sans-serif" size="3" color="#ff3300"><b>Page 6:
Make the Monkeys Chase One Another </b></font></b><br>
<!-- BYLINE (commented out for PageX) --><!-- <font size=1 color="#000000" face="arial, helvetica, sans-serif">by <a href="mailto:taylor@taylor.org" title="Send mail to Taylor">Taylor</a></font>
--> </td>
</tr>
<!-- SEE ALSO LINKS -->
<tr>
<!-- BODY COPY -->
<!-- BUFFER -->
<td width="357" valign="top" bgcolor="#ffffff" rowspan="99"><font
face="verdana, arial, geneva, sans-serif" size="2"><!--figure out which page content to display --> <table width="357" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td><font face="verdana, arial, geneva, sans-serif" size="2"><div id="monkeyContainer"
style="position: relative; width: 250px; height: 200px; z-index:6">
<dd><img src="http://static.wired.com/webmonkey/98/10/stuff/spacer.gif" height="100"> <div
id="desk"
style="position:absolute; left:33px; top:64px; width:83px; height:33px; z-index:5">
<dd><img src="http://static.wired.com/webmonkey/98/10/stuff/extraDesk.gif" width="122"
height="48"> </dd>
</div><div id="kristin"
style="position:absolute; left:54px; top:44px; width:36px; height:49px; z-index:9">
<dd><img src="http://static.wired.com/webmonkey/98/10/stuff/kristin.gif" width="42"
height="67"> </dd>
</div><div id="tim"
style="position:absolute; left:108px; top:33px; width:40px; height:70px; z-index:8">
<dd><img src="http://static.wired.com/webmonkey/98/10/stuff/tim01.gif" width="41"
height="79"> </dd>
</div><div id="aaron"
style="position:absolute; left:148px; top:41px; width:24px; height:14px; z-index:7">
<dd><img src="http://static.wired.com/webmonkey/98/10/stuff/aaron.gif" width="40"
height="71"> </dd>
</div><div id="taylor"
style="position:absolute; left:4px; top:28px; width:34px; height:42px; z-index:6">
<dd><img src="http://static.wired.com/webmonkey/98/10/stuff/taylor.gif" width="43"
height="85"> </dd>
</div></dd>
</div><p></font></font><font size="2"> </font><font
face="verdana, arial, geneva, sans-serif" size="2"></td>
</tr>
</table>
<ul>
<p></font><font size="2"> </font><font face="verdana, arial, geneva, sans-serif" size="2"></p>
</ul>
<p></font><font size="2"><br>
</font></td>
</tr>
</table>
<p><br>
<br>
</p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -