[说明] 本题实现用鼠标拖拽图片在Web页内移动的功能。将鼠标放在图片上,按下左键,移动鼠标便可带动图片一起移动。 [HTML 文本] <html> <!--省略部分为HTML 框--> ……<style><!-drag {position:relative;cursor;hand}//css 程序,通过类选择符建立类,类的名称为 drag--></style>(1) //JavaScript 区域开始标识var m=false //声明几个变量var 2,X,yfunction p(){ //定义一个函数p(),判断鼠标是否已按下左键if( (2) &&m){z. style.pixelLeft=a+event.clientX-x//定义图片左上角的位置z. Style.pixelTop=b+event.clientY-yreturn false}}function q(){//定义一个函数q()。如果是Netscape浏览器,就返回。所以此效果在Nemcape //浏览器中看不到if(!document,all)retumif(event,srcElement.className=="drag",)//如果鼠标左键被按下,返回z,a,b,x,y的值m=truez=event.srcElementa=z.style.pixelLeftb=z.style.pixelTopx=event.clientXy=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