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