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

鼠标点击控制

这一节我们将告诉你如何运用鼠标来控制这些运动方. 请你记住我们的目标是写出兼容在 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/文

 


  
相关报道




本站检索



中华网推荐

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





   

网络教室编辑信箱