动态HTML教程
- 第三天 |
Taylor
1998.3.9 |
第四页:脚本如何运行
所以如果你想控制某个对象的位置,你应该这样编写你
的JavaScript:
<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>
它的执行结果应该是:
代码的含义如下:
- 如果客户端支持document.layers对象,
- 将名为truck的对象层左移5个位置.
- 如果名为truck的对象层的位置小于0,
- 则名为truck的对象层的的left属性设置
为480。
- 但是,如果客户端支持document.all对象,
- 则将名为truck的HTML对象的样式选项left的整
数值减去5。
- 如果名为truck的HTML对象的样式选项left的整
数值小于0,则将其数值设为480。
- 如果客户端支持document.all或document.layers对象
中的任何一种,
现在你自己作一下这个程序。让拖拉机在页面中移动。注
意:你应该采用行内样式,例:<DIV id="truck"
style="position: absolute; left: 20; top: 20">。
>>
动态HTML教程
第一页 动态HTML教程 -
第三天
第二页 微软和网景不同的语法
第三页 使其在两种浏览器中都可用
第四页 脚本如何运行
第五页 访问对象的一个技巧
第六页 制作网猴们互相追赶的动画效果
[第1天][第2天][第3天][第4天][第5天]
本文本站根据《网猴》相关文章改编,版权归《网猴》所有
|