电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
DHTML学习(五)
DHTML学习(五)
2005-12-30 19:13:58  文/45IT收集   出处:电脑软硬件应用网   

使用 onKeyUp 和启动变量来控制滑动

onkeyup 就是 onkeydown 相反, 也就是说它用来对键起来这个事件做出反应的. 
  document.onkeydown = keyDown
  document.onkeyup = keyUp
  if (ns4) document.captureEvents(Event.KEYDOWN | Event.KEYUP)

下面就是一个完整的程序. 

  function init() {
 if (ns4) block = document.blockDiv
 if (ie4) block = blockDiv.style
 block.xpos = parseInt(block.left)
 block.active = false

 document.onkeydown = keyDown
 document.onkeyup = keyUp
 if (ns4) document.captureEvents(Event.KEYDOWN | Event.KEYUP)
  }

  function keyDown(e) {
 if (ns4) {var nKey=e.which; var ieKey=0}
 if (ie4) {var ieKey=event.keyCode; var nKey=0}
 if ((nKey==97 || ieKey==65) && !block.active) {
  block.active = true
  slide()
 }
  }
  function keyUp(e) {
 if (ns4) {var nKey=e.which; var ieKey=0}
 if (ie4) {var ieKey=event.keyCode; var nKey=0}
 if (nKey==97 || ieKey==65) {
  block.active = false 
 }
  }

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

  以上研究了键盘响应,同样道理,我们可以用鼠标来控制任何动画效果。 程序几乎跟键盘控制的一样。

  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)
 }
  }

区别在于如何在链接时运用javascript的一些特性: 

 <A HREF="javascript:void(null)" onMouseDown="block.active=true; slide(); return false;" 
 onMouseUp="block.active=false" onMouseOut="block.active=false">move</A>

 
服务器租用、托管;域名注册;虚拟主机
江湖、聊天室租用;程序开发,网站建设
欢迎咨询http://nicchina.com/
QQ:30196310

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    详解HTML页面播放视频元素param的属…
    HTML教程:几个不常用的HTML标记使用…
    HTML教程:marquee标签实现滚动效果
    网页设计师要知道的30条HTML代码编写…
    语义化的HTML结构到底有何好处
    不常用的HTML标签Fieldset
    一些HTML表格的使用高级语法
    网页优化的最基础部分:HTML的优化
    10大HTML标签常犯的错误
    HTML、XHTML和XML的比较
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号