动态HTML事件"onmouseup"表示用户()时触发该事件
用DreamweaverMx制作完导航栏菜单后,在行为面板中看到的鼠标事件是()
A:OnCIick和OnDblClick B:OnMouseDown和OnMouseUp C:OnMouseOut和OnMouseOver D:OnKeyDown和OnKeyUp
[说明]
本题实现用鼠标拖拽图片在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) ”)
[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) ")
[说明] 本题实现用鼠标拖拽图片在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+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) ")
[说明] 本题实现用鼠标拖拽图片在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) ”)
[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+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) ")
[说明] 本题实现用鼠标拖拽图片在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) ”)
您可能感兴趣的题目