[说明]
本题实现用鼠标拖拽图片在Web页内移动的功能。将鼠标放在图片上，按下左键，移动鼠标便可带动图片一起移动。
[HTML文本]
＜html＞
＜!--省略部分为HTML框--＞
＜Style＞
＜!--．dragposition：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) ")
