问答题 [说明] 本题实现用鼠标拖拽图片在Web页内移动的功能。将鼠标放在图片上,按下左键,移动鼠标便可带动图片一起移动。 [HTML 文本] <html> <!--省略部分为HTML 框--> …… <style> <!-drag {position:relative;cursor;hand} //css 程序,通过类选择符建立类,类的名称为 drag --> </style> {{U}}(1) {{/U}} //JavaScript 区域开始标识 var m=false //声明几个变量 var 2,X,y function p(){ //定义一个函数p(),判断鼠标是否已按下左键 if({{U}} (2) {{/U}}&&m){ z. style.pixelLeft=a+event.clientX-x //定义图片左上角的位置 z. Style.pixelTop=b+event.clientY-y return false } } function q(){ //定义一个函数q()。如果是Netscape浏览器,就返回。所以此效果在Nemcape //浏览器中看不到 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 {{U}}(3) {{/U}} //当鼠标移动时,执行p()函数,当鼠标按下的时候,执行q函数,当鼠标 //抬起的时候,不执行任何函数 } } {{U}} (4) {{/U}} document. onmouseup=newfunction(“{{U}} (5) {{/U}}”)
【正确答案】
【答案解析】(1)<script language="JavaScript"> (2)event. Button ==1 (3)document. onmousemove=p (4)document. onmousedown=q (5)m=false