C# 网页上的动态图像
此解决方案在asp.net中可行吗C# 网页上的动态图像,c#,asp.net,vb.net,webforms,C#,Asp.net,Vb.net,Webforms,此解决方案在asp.net中可行吗 我只想能够在网络表单上移动图像您提到的问题是用windows表单编写的。不能像在windows窗体中那样在web窗体中拖放元素 如果要在web应用程序中拖放元素，应使用客户端代码 在客户端，最好的选择是使用库，在我看来，最好的选择是使用库。用户可以拖动div元素。下面是一个带有静态图像和服务器端ASP.NET控件的简单拖动示例： <head runat="server"> <script src="js/jquery-1.3.2.mi
我只想能够在网络表单上移动图像您提到的问题是用windows表单编写的。不能像在windows窗体中那样在web窗体中拖放元素 如果要在web应用程序中拖放元素，应使用客户端代码 在客户端，最好的选择是使用库，在我看来，最好的选择是使用库。用户可以拖动div元素。下面是一个带有静态图像和服务器端ASP.NET控件的简单拖动示例：
<head runat="server">
<script src="js/jquery-1.3.2.min.js" language="javascript" ></script>
<script src="js/jquery-ui-1.7.2.custom.min.js" language="javascript" ></script>
<script type="text/javascript">
$(function() {
$("#draggable").draggable();
$("#<%= imgServerControl.ClientID %>").draggable();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<!-- Static Draggable Image -->
<img src="ac-dc.jpg" id="draggable" />
<!-- ASP.NET server image control -->
<asp:Image ImageUrl="ac-dc.jpg" ID="imgServerControl" runat="server" />
</form>
</body>
</html>
$（函数（）{
$（“#可拖动”）.draggable（）；
$（“#”）可拖动（）；
});
使用可拖动组件，并将其添加到脚本文件夹。您引用的问题以windows窗体编写。不能像在windows窗体中那样在web窗体中拖放元素
如果要在web应用程序中拖放元素，应使用客户端代码
在客户端，最好的选择是使用库，在我看来，最好的选择是使用库。用户可以拖动div元素。下面是一个带有静态图像和服务器端ASP.NET控件的简单拖动示例：
<head runat="server">
<script src="js/jquery-1.3.2.min.js" language="javascript" ></script>
<script src="js/jquery-ui-1.7.2.custom.min.js" language="javascript" ></script>
<script type="text/javascript">
$(function() {
$("#draggable").draggable();
$("#<%= imgServerControl.ClientID %>").draggable();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<!-- Static Draggable Image -->
<img src="ac-dc.jpg" id="draggable" />
<!-- ASP.NET server image control -->
<asp:Image ImageUrl="ac-dc.jpg" ID="imgServerControl" runat="server" />
</form>
</body>
</html>
$（函数（）{
$（“#可拖动”）.draggable（）；
$（“#”）可拖动（）；
});
使用可拖动组件并将其添加到脚本文件夹。Canavar和John Saumders试图说明的一点是，您需要了解ASP.NET和客户端UI代码之间的区别
虽然ASP.NET Webforms确实使用了一定数量的客户端代码来完成其工作，但这主要与将UI事件传递到服务器端有关，以便对其进行处理
如果拖放操作导致一些服务器端数据操作（这很可能），那么您还需要将适当的信息传达给服务器端
所涉及的概念相当简单，但将它们结合在一起可能会非常棘手，并且在很大程度上取决于您的底层webforms和应用程序体系结构
您能否提供应用程序功能的进一步解释，当图像从一个地方拖到另一个地方时，您预期会发生什么，以及您是否/如何期望图像位置被记住。Canavar&John Saumders试图提出的观点，您需要理解ASP.NET和客户端UI代码之间的区别
虽然ASP.NET Webforms确实使用了一定数量的客户端代码来完成其工作，但这主要与将UI事件传递到服务器端有关，以便对其进行处理
如果拖放操作导致一些服务器端数据操作（这很可能），那么您还需要将适当的信息传达给服务器端
所涉及的概念相当简单，但将它们结合在一起可能会非常棘手，并且在很大程度上取决于您的底层webforms和应用程序体系结构
您能否提供应用程序功能的进一步解释，当图像从一个地方拖到另一个地方时，您会期望发生什么，以及您是否/如何期望图像位置被记住。，而我绝对建议您尝试学习使用JQuery执行此操作。
要做到这一点，“最简单”的方法是利用Asp.NETAjax控制工具包DragPanel。
我当然建议尝试学习使用JQuery来实现这一点。
要做到这一点，“最简单”的方法是利用Asp.NETAjax控制工具包DragPanel。
它在Javascript中的工作方式与在windows窗体中的工作方式几乎相同：处理鼠标移动事件和每个勾号，根据鼠标的位置更新元素的位置。阅读有关的内容，然后尝试类似的内容（这可能只适用于IE，因为我刚刚在那里测试了它）：
var=false；
函数handleMouseDown（）{
拖动=真；
}
函数handleMouseUp（）{
拖动=假；
}
功能手柄移动（evt）{
如果（！拖动）返回；
var img=document.getElementById（'img'）；
img.style.position='绝对'；
img.style.left=（evt.clientX-5）+“px”；
img.style.top=（evt.clientY-5）+“px”；
}
它在Javascript中的工作方式与在windows窗体中的工作方式几乎相同：您处理鼠标移动事件，每次勾选，都会根据鼠标的位置更新元素的位置。阅读有关的内容，然后尝试类似的内容（这可能只适用于IE，因为我刚刚在那里测试了它）：
var=false；
函数handleMouseDown（）{
拖动=真；
}
函数handleMouseUp（）{
拖动=假；
}
功能手柄移动（evt）{
如果（！拖动）返回；
var img=document.getElementById（'img'）；
img.style.position='绝对'；
img.style.left=（evt.clientX-5）+“px”；
img.style.top=（evt.clientY-5）+“px”；
}
我建议使用JQuery UI可拖动插件：
我建议使用JQuery UI可拖动插件：
对不起，我是诺布。我是否将源代码粘贴到asp.net中？你能更具体地告诉我如何使用它吗？你需要下载Jquery库并把它放在JS文件夹中。对不起，我是noob。我是否将源代码粘贴到asp.net中？你能更具体地说明我如何使用它吗？你需要下载Jquery库并将它放在JS文件夹中。@alex：恕我直言，如果你不知道它是网页上的一个图像（标记），而这一切都是你必须用JavaScript在客户端完成的，那么你尝试这个可能还为时过早。哦，我明白你的意思了，现在我明白你的意思了
$("img").draggable();