100分求解图片拖曳的问题,请大家赐教。 在Web页面上有一个较大的图片(bmp、jpg、gif...),在它的上面有一个较小的图片。如何将小图片从大图片的某个位置拖曳到另一个位置呢?当然在这个过程中要保证大图片的完整。.net可以实现这个功能吗?请给点思路吧。先谢过啦! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 就是改变图片位置吧?用JS可以实现;http://my.msn.com可以看看他们的页面怎样实现的移动; sdav(ASP.net学习中) : my.msn.com中没找到这种东西呀?能说具体点儿吗?kflash(狂闪工作室) : DW不会呀,有别的办法吗? 要用JS;Dreamweaver可以实现,到网上搜搜dw的实例教程,一定有讲. <HTML><HEAD><style>.drag{position:relative;cursor:hand}</style><script language="JavaScript">var dragapproved=falsevar eventsource,x,yfunction move() { if (event.button==1&&dragapproved) { eventsource.style.pixelLeft=temp1+event.clientX-x eventsource.style.pixelTop=temp2+event.clientY-y return false } }function drags() { if (!document.all) return if (event.srcElement.className=="drag") { dragapproved=true eventsource=event.srcElement temp1=eventsource.style.pixelLeft temp2=eventsource.style.pixelTop x=event.clientX y=event.clientY document.onmousemove=move } }document.onmousedown=drags document.onmouseup=new Function("dragapproved=false")</script></HEAD><BODY><IMG SRC="这里改为你的图片的路径.files/picture.gif" class=drag></BODY></HTMl> 多谢 supersyd(达达) ,用你的方法实现了。我在CSDN上也找到了这个代码(http://search.csdn.net/Expert/topic/1172/1172388.xml?temp=.984524)。但还是多谢你的帮助! 斑竹:要结贴了,可是出了错误:加载xml文件错误,请跟斑竹联系!!请斑竹生成以下社区的贴子列表!!roomid:5202typenum:2 三层构架的方式 .net 判断当前页面是否为弹出窗口 菜鸟问题 xml的xmlDoc.selectSingleNode怎么使用并且条件查找节点? 奶奶的,在VS2005里,居然没有新建文件?怎么在IDE里新建一个ASPX文件? 创建调试信息文件时发生意外的错误!另一个程序正在使用此文件,进程无法访问 有弄过伪静态的高手请进 谁能告诉我如何把这个嵌入到浏览器中 请教部署数据库得问题!!! 如何加Treeview? Linux2005系统用Ghost8.0备份不了,怎么办?! ### DataGrid中的DataKeyField是代表什么? ###
用JS可以实现;
http://my.msn.com
可以看看他们的页面怎样实现的移动;
my.msn.com中没找到这种东西呀?能说具体点儿吗?kflash(狂闪工作室) :
DW不会呀,有别的办法吗?
Dreamweaver可以实现,到网上搜搜dw的实例教程,一定有讲.
<HEAD>
<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var eventsource,x,y
function move()
{
if (event.button==1&&dragapproved)
{
eventsource.style.pixelLeft=temp1+event.clientX-x
eventsource.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags()
{
if (!document.all)
return
if (event.srcElement.className=="drag")
{
dragapproved=true
eventsource=event.srcElement
temp1=eventsource.style.pixelLeft
temp2=eventsource.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</script>
</HEAD>
<BODY><IMG SRC="这里改为你的图片的路径.files/picture.gif" class=drag></BODY>
</HTMl>
我在CSDN上也找到了这个代码(http://search.csdn.net/Expert/topic/1172/1172388.xml?temp=.984524)。但还是多谢你的帮助!
roomid:5202
typenum:2