javascript获取控件,以及改变他的坐标,实现对他的拖动
各位高手,请大家指点一下:我想通过.net实现对他里面的控件拖动,比如我里面有个image控件,我想在生成网页以后拖动,然后我想通过javascript代码首先获取.ne...
各位高手,请大家指点一下:
我想通过.net实现对他里面的控件拖动,比如我里面有个image控件,我想在生成网页以后拖动,然后我想通过javascript代码首先获取.net中的image控件,然后在对image控件添加一个onmousemove移动事件(这个移动事件是javascript代码),最后在这个移动事件中通过改变image控件的坐标来实现对他的拖动;下面是我的问题:
1、如何通过javascript获取控件的id;
2、如何给image控件添加onmousemove事件;
3、如何在javascript脚本的onmousemove事件中改变image的坐标;
跪求; 展开
我想通过.net实现对他里面的控件拖动,比如我里面有个image控件,我想在生成网页以后拖动,然后我想通过javascript代码首先获取.net中的image控件,然后在对image控件添加一个onmousemove移动事件(这个移动事件是javascript代码),最后在这个移动事件中通过改变image控件的坐标来实现对他的拖动;下面是我的问题:
1、如何通过javascript获取控件的id;
2、如何给image控件添加onmousemove事件;
3、如何在javascript脚本的onmousemove事件中改变image的坐标;
跪求; 展开
3个回答
展开全部
你问的要用到CSS里面的定位,
可以通过top和width属性来控制它们的坐标
1)读取它们的属性
定义id为abc(这应该在html 代码中)<IMG ID="abc" onmouseover="pos()" ...>
var x=abc.style.left
var y=abc.style.top
2)得到鼠标的坐标
xmouse=window.event.x
ymouse=widow.event.y
将值给予对象如下
abc.style.left=xmouse
abc.style.top=ymouse
3)运行脚本
<IMG ID="abc" onmouseover="pos()" ...>
可以通过top和width属性来控制它们的坐标
1)读取它们的属性
定义id为abc(这应该在html 代码中)<IMG ID="abc" onmouseover="pos()" ...>
var x=abc.style.left
var y=abc.style.top
2)得到鼠标的坐标
xmouse=window.event.x
ymouse=widow.event.y
将值给予对象如下
abc.style.left=xmouse
abc.style.top=ymouse
3)运行脚本
<IMG ID="abc" onmouseover="pos()" ...>
展开全部
1.docuemnt.getElementById();
document.getElementsByTagName();
2.object.onmouseover=function(){ //action }
3.object.onmouseover=function(){ this.style.top=XX;
this.style.left=XX;
}
document.getElementsByTagName();
2.object.onmouseover=function(){ //action }
3.object.onmouseover=function(){ this.style.top=XX;
this.style.left=XX;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
onmouseover event:
<p><a href="http://www.jls.pausd.org"
onMouseOver="document.pic1.src='jls.gif'"
onMouseOut="document.pic1.src='panther.gif'">
<img src="panther.gif"name="pic1"><font size=4><font color="red"><b>©J.L.Stanford
middle school</b>
<p><a href="http://www.jls.pausd.org"
onMouseOver="document.pic1.src='jls.gif'"
onMouseOut="document.pic1.src='panther.gif'">
<img src="panther.gif"name="pic1"><font size=4><font color="red"><b>©J.L.Stanford
middle school</b>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询