动态基本教程第五节: 滑动

• 定义一个 DIV 元素， 以及用 CSS 来给出它的性质 (CSS 位置设定)
• 如何知道哪种浏览器正在被使用 (通用程序)
• 如何设立一个通用的指针变量指向一个 DIV 元素 (通用程序)
• 以及如何显示或隐蔽这个 DIV 元素 (显示和隐蔽)
• 移动这个 DIV 元素 (元素的移动)

这一节我们将告诉你如何连续的移动或说滑动这个 DIV 到一个特
定的地方. 记住我们的目标是写出在 NetScape 和 Internet Explore
兼容的程序

元素的滑动

滑动就是连续的移动， 我们也可以称之为动画。 而使移动连续
化我们只要使用重复以及 JavaScript 的定时子程序 setTimeout()
就能达到这个目的。

而滑动的基本是相对移动一小步， 比如

  block.xpos += 5
  block.left = block.xpos

上面的语句往右边移动了 5 个 pixels. 然后你把重复和定时程序加上

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

if 语句是用来给出停止滑动的条件。 在这例子中， 如果元素滑动到
横向的 300 pixel 的时候，就停止继续滑动它了。 setTimeout() 是定时
器，在这用来重复移动的。 它的第一个参变量是任何 JavaScript 语句
或子程序，第二个是多长时间 (万分之一秒) 以后执行第一个参变量。
在这个例子中， 它 30 万分之一秒后又去执行滑动子程序，使得元素
的移动得到重复。

Click here 看滑动的范例.