📄 day3_4.html
字号:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb_2312-80">
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<style type="text/css">
<!--
a:link { color: blue; text-decoration: none}
a:visited { color: purple; text-decoration: none}
a:hover { color: purple; text-decoration: underline}
.unnamed1 { font-family: "宋体"; font-size: 9pt}
-->
</style>
<title>网猴：动态HTML</title>
<script language="javascript">
function moveIt() {
if(document.layers) {
document.truck.left -= 5;
if (document.truck.left <0) {
document.truck.left = 480;
}
} else if (document.all) {
truck.style.left = parseInt(truck.style.left) - 5;
if (parseInt(truck.style.left) < 0) {
truck.style.left = 480;
}
}
if ((document.layers) || (document.all)) {
setTimeout('moveIt()', 100);
}
}
</script>
</head>
<body bgcolor="#FFFFFF" onload="moveIt()">
<table width="75%" border="0">
<tr bgcolor="#ffff99">
<td><font size="4" color="#000000"><strong>动态HTML教程 - 第三天</strong></font></td>
</tr>
<tr bgcolor="#FF6600">
<td height="24"><em><font size="4"><a href="mailto:taylor@taylor.org">Taylor</a>
</font><font size="3">1998.3.9</font></em></td>
</tr>
<tr>
<td>
<p><strong><font size="3" face="宋体">第四页：脚本如何运行</font></strong> </p>
<p>
<font face="宋体" size="3">所以如果你想控制某个对象的位置，你应该这样编写你<br>
的JavaScript: </font>
<ul>
<pre><font face="宋体" size="3"><script language="javascript">
function moveIt() {
if(document.layers) {
document.truck.left -= 5;
if (document.truck.left<0){
document.truck.left=480}</font></pre>
<pre><font face="宋体" size="3"> }</font></pre>
<pre><font face="宋体" size="3">
else if (document.all) {
truck.style.left="parseInt(truck.style.left)" 5;
if (parseInt(truck.style.left)<0)
{ truck.style.left="480;" } } </font></pre>
<pre><font face="宋体" size="3"> if ((document.layers) || (document.all))
{ setTimeout('moveIt()', 100); } } </script></font></pre>
</ul>
</td>
</tr>
<tr>
<td><font size="3">
<p><font face="宋体">它的执行结果应该是:</font></p>
<div id="truck" style="position:relative; left:480px; width:40px; height:16px;">
<dd><img src="day3_4truck02.gif" width="130" height="75"></dd>
</div>
</font></td>
</tr>
<tr>
<td><font size="3">
<p><font face="宋体">代码的含义如下：</font>
</font>
<ul>
<font size="3">
<li><font face="宋体">如果客户端支持<tt>document.layers</tt>对象,</font></li>
<ul>
<li><font face="宋体">将名为<tt>truck</tt>的对象层左移5个位置.</font></li>
<li><font face="宋体">如果名为truck的对象层的位置小于0,</font></li>
<ul>
<li><font face="宋体">则名为truck的对象层的的left属性设置为480。 </font></li>
</ul>
</ul>
<li><font face="宋体">但是，如果客户端支持<tt>document.all</tt>对象,</font></li>
</font>
<ul>
<font size="3">
<li><font face="宋体">则将名为truck的HTML对象的样式选项left的整数值减去5。</font></li>
</font>
<li><font size="3"><font face="宋体">如果名为</font></font><font size="3" face="宋体">truck的HTML对象的样式选项left的整<br>
数值</font><font size="3"><font face="宋体">小于0，则将其数值设为480。 </font></font></li>
</ul>
<font size="3">
<li><font face="宋体">如果客户端支持<tt>document.all</tt>或<tt>document.layers</tt>对象<br>
中的任何一种， </font>
<ul>
<li><font face="宋体">等候10秒钟，然后执行函数<tt>moveIt</tt>。 </font></li>
</ul>
</li>
</font>
</ul>
<font size="3">
<p><font face="宋体">现在你自己作一下这个程序。让拖拉机在页面中移动。注<br>
意：你应该采用行内样式，例：<tt><DIV id="truck"<br>
style="position: absolute; left: 20; top: 20"></tt>。</font></p>
</font>
<p><a href="day3_5.html">>></a></p>
<p><font size="3" face="宋体"><strong>动态HTML教程<br>
</strong><font color="#FF0000">第一页</font> <a href="day3_1.html">动态HTML教程
- 第三天</a><br>
<font color="#FF0000">第二页</font> <a href="day3_2.html">微软和网景不同的语法</a><br>
<font color="#FF0000">第三页</font> <a href="day3_3.html">使其在两种浏览器中都可用</a><br>
<font color="#FF0000">第四页</font> 脚本如何运行<br>
<font color="#FF0000">第五页</font> <a href="day3_5.html">访问对象的一个技巧</a><br>
<font color="#FF0000">第六页</font> <a href="day3_6.html">制作网猴们互相追赶的动画效果</a></font></p>
<p><font size="3">[<a href="day1_1.html">第1天</a>][第2天][<a href="day3_1.html">第3天</a>][<a href="day4_1.html">第4天</a>][<a href="day5_1.html">第5天</a>]</font></p>
<font size="3">
<hr>
</font><font face="verdana, arial, geneva, sans-serif" size="2">本文由<a href="http://chd.126.com" target="_blank">《CHD的网络教室》</a>根据<a href="http://www.webmonkey.com.cn" target="_blank">《网猴》</a>相关文章改编，版权归<a href="http://www.webmonkey.com.cn" target="_blank">《网猴》</a>所有</font>
<font size="3">
<p> </p>
</font></td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -