问答题

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

(↓↓↓ 点击下方‘点击查看答案’看完整答案 ↓↓↓)
热门 试题

问答题
问答题
[问题1]什么是网络安全