CSS培训课程：鼠标点击控制

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

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

  function init() {if (ns4) block = document.blockDivif (ie4) block = blockDiv.styleblock.xpos = parseInt(block.left)block.active = false  }
  function slide() {if (block.active) {block.xpos += 5block.left = block.xpossetTimeout("slide()",30)}  }

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

 move

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

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

看这个范例