中华网通行证
用户名 密码
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  

元素的滑动

这一节我们将告诉你如何连续的移动或说滑动这个 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 万分之一秒后又去执行滑动子程序,使得元素 的移动得到重复。

点这里 看滑动的范例.

 

  《DHTML Builder》 Jie/文

 


  
相关报道




本站检索



中华网推荐

·国家级治脑病新药思维源
·中藏药治疗脑病新突破
·治类风湿,强直性脊柱炎
·养肾·痛风·长寿
·肝病泌尿脑萎缩新药介绍
·强直性脊柱炎康复乐园
·让中医辩证不孕不育
·国医治股骨头坏死一绝
·乙肝为何久治不愈?
·二千元垄断批发做老板
·中医中药专治前列腺
·治牛皮癣白癜风已成现实
·专治痛风病的白衣天使
·不孕不育的杏林奇葩
·专卖店零售管理系统





   

网络教室编辑信箱