阅读下列说明和HTML文本,分析其中嵌入的JavaScrlpt脚本,
[说明]
本题实现用鼠标拖拽图片在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+event.clientX-x //定义图片左上角的位置
z.style.pixelTop=b+event.clientY-y
return false
}
}
function q(){ //定义一个函数q()。如果是Netscape浏览器;就返回。所以此效果在Netscape
if (!document. all)
retum
if(event, srcElement.className=="drag", ) //如果鼠标左键被按下,返回z, a, b, x, y的值
re=tree
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) ")
订单号:
遇到问题请联系在线客服
订单号:
遇到问题请联系在线客服