阅读下列说明和HTML文本,分析其中嵌入的JavaScrlpt脚本, [说明] 本题实现用鼠标拖拽图片在Web页内移动的功能。将鼠标放在图片上,按下左键,移动鼠标便可带动图片一起移动。 [HTML文本] <html>

admin2009-02-15  68

问题 阅读下列说明和HTML文本,分析其中嵌入的JavaScrlpt脚本,
   [说明]
   本题实现用鼠标拖拽图片在Web页内移动的功能。将鼠标放在图片上,按下左键,移动鼠标便可带动图片一起移动。
      [HTML文本]
     <html>
     <!—省略部他为HTML框-->
     ………
          <style>
          <!--. drag{position: relative; cursor: hand}  //css程序,通过类选择符建立类,类的名称为drag
          </style>
              (1)         //JavaScript区域开始标识
          var m=false     //声明风个变量
          var z,  x,  y
          function p() {   //定义一个函数P(),判断鼠标是否已按下左键
          if((2)&&m){
          z.style.pixelLeft=a+event.clientX-x     //定义图片左上角的位置
          z.style.pixelTop=b+event.clientY-y
          return false
          }
          }
          function q(){    //定义一个函数q()。如果是Netscape浏览器;就返回。所以此效果在Netscape

          if (!document. all)
          retum
          if(event, srcElement.className=="drag", )  //如果鼠标左键被按下,返回z, a, b, x, y的值
          re=tree
          z=event.srcElement
          a=z.style.pixelLeft
          b=z.style.pixelTop
          x=event.clientX
          y=event.clientY
             (3)      //当鼠标移动时,执行p()函数,当鼠标按下的时候,执行q函数,当鼠标
                       //抬起的时候,不执行任何函数      
          }
          }         
              (4)   
          document.onmouseup=newfunction(" (5) ")

选项

答案(1)<script language="JavaScript"> (2) event.button= =1 (3) document.onmousemove=p (4) document.onmousedown=q (5) m=false

解析
转载请注明原文地址:https://kaotiyun.com/show/Pq3Z777K
0

相关试题推荐
最新回复(0)