[说明]
本题实现用鼠标拖拽图片在Web页内移动的功能。将鼠标放在图片上,按下左键,移动鼠标便可带动图片一起移动。
[HTML 文本]
<html>
<!--省略部分为HTML 框-->
……
<style>
<!-drag position:relative;cursor;hand//css 程序,通过类选择符建立类,类的名称为 drag
-->
</style>
(1) //JavaScript 区域开始标识
var m=false //声明几个变量
var 2,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浏览器,就返回。所以此效果在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
(3) //当鼠标移动时,执行p()函数,当鼠标按下的时候,执行q函数,当鼠标
//抬起的时候,不执行任何函数
(4)
document. onmouseup=newfunction(“ (5) ”)
参考答案:(1)<script language="JavaScript">
(2)event. Button ==1
(3)document. onmousemove=p
(4)document. onmousedown=q
(5)m=false