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

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

admin2009-02-15  115
问题 阅读下列说明和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://www.kaotiyun.com/show/Pq3Z777K
本试题收录于： 网络管理员下午应用技术考试题库软考初级分类
0

网络管理员下午应用技术考试

软考初级

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