CSS培训课程：元素的滑动

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

元素的滑动

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

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

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

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

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

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

点这里 看滑动的范例.