●试题五 阅读下列说明和HTML文本,分析其中嵌入的JavaScrlpt脚本,将应填入(n)处的语句写在答题纸
●试题五
阅读下列说明和HTML文本,分析其中嵌入的JavaScrlpt脚本,将应填入(n)处的语句写在答题纸的对应栏内。
[说明]
本题实现用鼠标拖拽图片在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.clentX-x //定义图片左上角的位置
z.style.pixelTop=b+event.client Y-y
return false
}
}
function q(){//定义一个函数q()。如果是Netscape浏览器,就返回。
//所以此效果在Netscape浏览器中看不到
if(!document.a11)
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) ")
参考答案: