[说明] 本题实现用鼠标拖拽图片在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