📄 day3_5original.htm
字号:
<!-- check for different collection -->
<html>
<head>
<title>Webmonkey: dynamic_html: Taylor's Dynamic HTML Tutorial - Day 3</title>
<meta name="description"
content="Taylor's Dynamic HTML Tutorial - Day 3: Today Taylor's series gets tricky: By the end of the day, he'll have you scripting dHTML and making monkeys run around their desks.">
<meta name="keywords"
content="dynamic_html, hotwired, webmonkey, dynamic html, taylor, css, stylesheets, hotwired, webmonkey, taylor, dynamic html, javascript, stylesheets, css, css-p, developer resource, developer, development, web
development, design, code, geek, warez, free, new, latest, news, tools,
info, tutorials, how-to, builder, web builder, page builder, dynamic_html, hotwired, webmonkey, dynamic html, taylor, css, stylesheets, hotwired, webmonkey, taylor, dynamic html, javascript, stylesheets, css, css-p, developer resource,
developer, development, web development, design, code, geek, warez, free,
new, latest, news, tools, info, tutorials, how-to, builder, web builder,
page builder">
</head>
<body BGCOLOR="#ffffff" TEXT="#000000" link="#0000ff" Vlink="#660099">
<!-- TOP AD BANNER -->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="center"><big><font face="宋体"><nobr><a
href="http://nsads.hotwired.com/event.ng/Type=click&ProfileID=255&RunID=7634&AdID=9810&GroupID=1&FamilyID=421&TagValues=13.25.156.159.169.174.177.181.182.183.184.185.196.197.198.199.200.208.213.322.333.349.389.395.411.436.526.6487&Redirect=http://www.drumbeat.com/wm2wmm.asp"
TARGET="_top"><img
src="http://static.wired.com/advertising/blipverts/elemental/2waysmultimedia.gif"
BORDER="1" height="60" width="468"
alt="Build data-base-driven sites without coding, Try Drumbeat."></a> </nobr></font></big></td>
</tr>
</table>
<p><big><font face="宋体"><br>
<!-- TOP NAVIGATION --></font></big></p>
<table CELLPADDING="0" CELLSPACING="0" BORDER="0" width="530">
<tr>
<td width="480" valign="top"><font face="宋体" size="2"><b><br>
<a href="/webmonkey/collections/design.html?tw=design">Design</a> | <a
href="/webmonkey/collections/html.html?tw=html">HTML</a> | <a
href="/webmonkey/collections/dynamic_html.html?tw=dynamic_html">Dynamic HTML</a> | <a
href="/webmonkey/collections/stylesheets.html?tw=stylesheets">Stylesheets</a> | <a
href="/webmonkey/collections/graphics_fonts.html?tw=graphics_fonts">Graphics & Fonts</a> |
<a href="/webmonkey/collections/multimedia.html?tw=multimedia">Multimedia</a> | <a
href="/webmonkey/collections/browsers.html?tw=browsers">Browsers</a> | <a
href="/webmonkey/collections/java.html?tw=java">Java</a> | <a
href="/webmonkey/collections/javascript.html?tw=javascript">JavaScript</a> | <nobr><a
href="/webmonkey/collections/perl.html?tw=perl">Perl</a> | <a
href="/webmonkey/collections/backend.html?tw=backend">Backend</a> | <a
href="/webmonkey/collections/e-business.html?tw=e-business">E-business</a> | </nobr></b></font></td>
<td width="50"><big><font face="宋体"></font></big></td>
</tr>
<tr>
<td width="530" colspan="2"><font face="宋体"><big><img
src="http://static.wired.com/webmonkey/images/spacer.gif" width="530" height="8"><br>
<nobr><!-- FILE PATH NAVIGATION --> </big><font size="6"><a href="/webmonkey/frontdoor/index.html?tw=webmonkey"><b>webmonkey</b></a>/<a
href="/webmonkey/dynamic_html?tw=dynamic_html">dynamic_html</a>/</font></nobr></font></td>
</tr>
</table>
<table CELLPADDING="3" CELSPACING="0" BORDER="0" width="532">
<!-- AUTHOR IMAGE (commented out for PageX) -->
<tr>
<!-- BUFFER -->
<td rowspan="100" width="10"><big><font face="宋体"><img
SRC="http://static.wired.com/webmonkey/images/spacer.gif" WIDTH="10" HEIGHT="1"></font></big></td>
<td width="165" valign="middle" align="right" colspan="1"><big><font face="宋体"><!-- <IMG
SRC="http://static.wired.com/webmonkey/authors/images/taylor.gif"
WIDTH="110" HEIGHT="110" alt="Picture of Taylor"> --></font></big></td>
<!-- HEADLINE -->
<td width="365" valign="middle" colspan="2"><font face="宋体"><font size="4"><font
color="#ff3300"><br>
<b><!--Figure out which page title to display --> <b>Page 5: A Trick for Accessing Objects </b></b></font></font><big><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>
--> </big></font></td>
</tr>
<!-- SEE ALSO LINKS -->
<tr>
<td width="155" align="left" valign="top"><font face="宋体"><font size="4"><b>More on
dynamic_html</b></font><big><br>
<font color="#ff3300">- - - - - - - - - -</font> </big></font><p><font face="宋体"><font
size="3"><b><a href="/webmonkey/98/10/index0a.html?tw=dynamic_html">Taylor's Dynamic HTML
Tutorial - Day 1</a></b></font><big><br>
</big><font size="3">Dynamic HTML is how Netscape's and Microsoft's 4.0 browsers are
pushing the Web to new limits. In the first of five parts, Taylor looks at what dHTML is
all about and what skills you need to code for it. <nobr><i>9 Mar 1998</i></nobr></font><big>
</big></font></p>
<p><font face="宋体"><big><!-- --> </big><font size="3"><b><a
href="/webmonkey/98/10/index1a.html?tw=dynamic_html">Taylor's Dynamic HTML Tutorial - Day
2</a></b></font><big><br>
</big><font size="3">Taylor digs into dynamic HTML, showing you the basics of using CSS-P
to lay out your pages. He even looks at the elusive z-index. <nobr><i>10 Mar 1998</i></nobr></font><big>
</big></font></p>
<p><font face="宋体"><big><!-- --> </big><font size="3"><b><a
href="/webmonkey/98/10/index3a.html?tw=dynamic_html">Taylor's Dynamic HTML Tutorial - Day
4</a></b></font><big><br>
</big><font size="3">Taylor has gone through the dynamic HTML basics, and today he shows
you some practical dHTML to spiff up your site. <nobr><i>12 Mar 1998</i></nobr></font><big>
</big></font></p>
<p><font face="宋体"><big><!-- --> </big><font size="3"><b><a
href="/webmonkey/98/10/index4a.html?tw=dynamic_html">Taylor's Dynamic HTML Tutorial - Day
5</a></b></font><big><br>
</big><font size="3">The long road to dHTML mastery is over ... or has it just begun? In
this final day of his five-part tutorial, Taylor looks at the most common problems you're
apt to have and how to get around them. <nobr><i>13 Mar 1998</i></nobr></font><big> <br>
<br>
<img SRC="http://static.wired.com/webmonkey/images/spacer.gif" WIDTH="155" HEIGHT="1"> <!-- SECOND AD UNIT 125x125 --> </big></font><font
color="#ff0000" size="2" face="宋体"><b><advertisement></b></font><big><font
face="宋体"><br>
<a
href="http://nsads.hotwired.com/event.ng/Type=click&ProfileID=179&RunID=7819&AdID=9732&GroupID=1&FamilyID=728&TagValues=13.25.157.159.169.174.177.181.182.183.184.185.196.197.198.199.200.208.213.322.334.348.389.395.411.436.526.6487&Redirect=http://discoversbn.com/default.asp?W099techno"
TARGET="_top"><img
src="http://static.wired.com/advertising/blipverts/msdeveloper/tech125.gif" BORDER="1"
height="125" width="125" alt="Click here to know what other Web developers think"></a> <br>
</font></big><font color="#ff0000" size="2" face="宋体"><b></advertisement></b></font><big><font
face="宋体"> <!-- THREADS LINK --> <br>
<br>
<!--
<font face="arial, helvetica, sans-serif" size=2>Did it work for you?<br><a href="/cgi-bin/interact/replies_all?msg.59611"><b>In Threads.</b></a></font>
--> <br>
</font></big></td>
<!-- BODY COPY -->
<!-- BUFFER -->
<td width="10" rowspan="100"><big><font face="宋体"></font></big></td>
<td width="357" valign="top" bgcolor="#ffffff" rowspan="100"><font size="3"><font
face="宋体"><!--figure out which page content to display --> Now, that worked out OK for moving around one object on a page, but when
you get into moving a lot of objects around a page in sequence or doing multiple actions
off of multiple events, not only will your code start ballooning in size (what with having
to do multiple if/then statements every time you access an object), but you're going to
get really sick of typing <i>document.truck.left</i> for every action. And in the Netscape
model, when you nest <tt>DIV</tt>s, you create an increased hierarchy in the document
object model, which looks like this: </font><ul>
<pre><font face="宋体"><div id="foo">
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -