实例说明
对于一个企业网站来说，“联系我们”超链接是必不可少的。为了更加引入注意，可以将其制作成具有展开式动画效果的导航条。运行本实例，可以看到页面右侧的“联系我们”导航条是逐渐展开的，并且每次刷新页面时，都会以同样的动画效果展开。
关键技术 本实例主要是通过自定义
JavaScript函数控制图片（
image）对象的
height属性值实现的。为了实现动画效果，在
JavaScript函数中还需要应用
setTimeout()方法延迟执行改变图片高度的操作。
设计过程 （1）在网页中显示“联系我们”导航条的位置插入一张全部展开后的“联系我们”导航图片，在需要设置超链接的文字上添加图片热点并设置相应的超链接。
（2）将图片的
height属性值设置为0，
name属性设置为
our。
（3）编写自定义的
JavaScript函数
ourmove()，用于实现图片的展开效果。
ourmove()函数的代码如下：
<script language="javascript">
function ourmove(){
if(our.height<163){
our.height=our.height+3
setTimeout(ourmove,1)
}
}
</script>
（4）在当前页面的最底部，也就是
</body>标记之前，添加如下代码实现导航条的展开式动画效果。
<script language="javascript">
ourmove();
</script>
秘笈心法 使用
ourmove()函数的注意事项。
一定要将调用
ourmove()函数的代码放在
</body>标记之前，否则页面的其他内容就要等到动画显示完毕才可以显示，达不到预期的效果。
