阅读下列说明和HTML文本,分析其中嵌入的JavaScrlpt脚本,将应填入<u>(n)</u>处的语句写在对应栏内。 [说明] 本题实现用鼠标拖拽图片在Web页内移动的功能。将鼠标放在图片上,按下左键,移动鼠标便可带动图片一起移动。 [

admin2009-02-15  48

问题 阅读下列说明和HTML文本,分析其中嵌入的JavaScrlpt脚本,将应填入<u>(n)</u>处的语句写在对应栏内。
   [说明]
   本题实现用鼠标拖拽图片在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+even.clentX-x    //定义图片左上角的位置
   z.style,pixelTop=b+event.client Y-y
   return false
   }
   }
   function q(){                         //定义一个函数q()。如果是Netscape浏览器,就返回。
                                        //所以此效果在Netscape浏览器中看不到
   if(! document.all)
   retum
   if (event. srcElement. className==“drag”,),//如果鼠标左键被按下,
                                                 //返回z,a,b,x,y的值
   m=true
   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://jikaoti.com/ti/zuD7FFFM
0

随机试题
最新回复(0)