C#中怎么让图片框跟着鼠标移动
当鼠标移到图片框按下并移动时图片框会跟着鼠标移动,,怎么做呢???找了好久,没想到办法!!还望大虾们,帮帮忙,,,谢谢!!...
当鼠标移到图片框按下并移动时图片框会跟着鼠标移动,,怎么做呢???
找了好久,没想到办法!!还望大虾们,帮帮忙,,,谢谢!! 展开
找了好久,没想到办法!!还望大虾们,帮帮忙,,,谢谢!! 展开
4个回答
展开全部
给你个最简单的方法:
Pbx有鼠标按下事件,鼠标抬起事件和鼠标移动事件pictureBox_MouseMove
当按下(先声明一个全局bool 在按下时bool temp = true;抬起后 false)后鼠标移动事件里写
if(temp == true)Pbx.Location = new Point(MousePosition.X, MousePosition.Y);
需要注意两个问题 一是你可能需要记录下来你按下时 鼠标是在图片的哪个位置 然后给MousePosition.X加上或减去一个值 这是为了防止鼠标点击图片就跑掉了 第二个问题是如果鼠标移动过快 有可能会移出图片 图片就不会跟着移动了 这个问题可以有很多办法解决 自己多想想吧 :D
Pbx有鼠标按下事件,鼠标抬起事件和鼠标移动事件pictureBox_MouseMove
当按下(先声明一个全局bool 在按下时bool temp = true;抬起后 false)后鼠标移动事件里写
if(temp == true)Pbx.Location = new Point(MousePosition.X, MousePosition.Y);
需要注意两个问题 一是你可能需要记录下来你按下时 鼠标是在图片的哪个位置 然后给MousePosition.X加上或减去一个值 这是为了防止鼠标点击图片就跑掉了 第二个问题是如果鼠标移动过快 有可能会移出图片 图片就不会跟着移动了 这个问题可以有很多办法解决 自己多想想吧 :D
展开全部
不需要C# 完全的JavaScript代码就可以实现
代码给你贴出来
图片换下就可以了
第一步:把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
var newtop=0
var newleft=0
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
function doMouseMove() {
layerName = 'iit'
eval('var curElement='+layerRef+'["'+layerName+'"]')
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
eval('curElement'+styleSwitch+'.visibility="visible"')
eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
eval('height=curElement'+styleSwitch+'.height')
eval('width=curElement'+styleSwitch+'.width')
width=parseInt(width)
height=parseInt(height)
if (event.clientX > (document.body.clientWidth - 5 - width))
{
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
}
else
{
newleft=document.body.scrollLeft + event.clientX
}
eval('curElement'+styleSwitch+'.pixelLeft=newleft')
if (event.clientY > (document.body.clientHeight - 5 - height))
{
newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
}
else
{
newtop=document.body.scrollTop + event.clientY
}
eval('curElement'+styleSwitch+'.pixelTop=newtop')
}
document.onmousemove = doMouseMove;
</SCRIPT>
第二步:把如下代码加入<body>区域中
<script language="javascript">
if (navigator.appName == "Netscape") {
}
else
{
document.write('<div ID=OuterDiv>')
document.write('<img ID=iit src="image1.gif" STYLE="position:absolute;TOP:0pt;LEFT:0pt;width=103;height=28;Z-INDEX:2;visibility:hidden;">')
document.write('</div>')
}
</script>
代码给你贴出来
图片换下就可以了
第一步:把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
var newtop=0
var newleft=0
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
function doMouseMove() {
layerName = 'iit'
eval('var curElement='+layerRef+'["'+layerName+'"]')
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
eval('curElement'+styleSwitch+'.visibility="visible"')
eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
eval('height=curElement'+styleSwitch+'.height')
eval('width=curElement'+styleSwitch+'.width')
width=parseInt(width)
height=parseInt(height)
if (event.clientX > (document.body.clientWidth - 5 - width))
{
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
}
else
{
newleft=document.body.scrollLeft + event.clientX
}
eval('curElement'+styleSwitch+'.pixelLeft=newleft')
if (event.clientY > (document.body.clientHeight - 5 - height))
{
newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
}
else
{
newtop=document.body.scrollTop + event.clientY
}
eval('curElement'+styleSwitch+'.pixelTop=newtop')
}
document.onmousemove = doMouseMove;
</SCRIPT>
第二步:把如下代码加入<body>区域中
<script language="javascript">
if (navigator.appName == "Netscape") {
}
else
{
document.write('<div ID=OuterDiv>')
document.write('<img ID=iit src="image1.gif" STYLE="position:absolute;TOP:0pt;LEFT:0pt;width=103;height=28;Z-INDEX:2;visibility:hidden;">')
document.write('</div>')
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用div层+js获取鼠标坐标的方式,先查浮动div层的生成方法,然后再查javascript鼠标跟随的代码,加起来可以实现你想要的功能!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
在容器的mousemove事件中写
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询