这一节我们将告诉你如何运用鼠标来控制这些运动方. 请你记住我们的目标是写出兼容在 NetScape 和 Internet Explore 上的程序。

跟键盘控制一样，我们可以用鼠标来控制任何动画效果。下面我们将要设立一个连接，当拿鼠标按这个连接的时候， 元素就能滑动， 当你放开鼠标的时候，滑动 就停止了。程序几乎跟键盘控制的一样。

  function init() {
	if (ns4) block = document.blockDiv
	if (ie4) block = blockDiv.style
	block.xpos = parseInt(block.left)
	block.active = false
  }

  function slide() {
	if (block.active) {
		block.xpos += 5
		block.left = block.xpos
		setTimeout("slide()",30)
	}
  }

区别在于如何做这个连接， 请看下面的语句：

 <A HREF="javascript:void(null)" onMouseDown="block.active=true;
 slide(); return false;" 
	onMouseUp="block.active=false" onMouseOut="block.active=false">move</A>

这里解释一下上面的连接:

• HREF="javascript:void(null)" 告诉浏览器不要换网页。 我们也可以用 HREF="#"
  来达到这个目的.
• onMouseDown 把变量 block.active 设为 true, 然后启动 slide()滑动元素。
• onMouseUp 把变量 block.active 设为 false, 这样滑动就停止了。
• onMouseOut 把变量 block.active 设为 false, 这样滑动就停止了。

看这个范例

  　　《DHTML Builder》 Jie/文