2014-02-15 65 views
4

我是学生,是.net和网站开发的新手。我已经给网站作为项目在asp.net中,可以拖放HTML控件并生成简单的静态网站。现在,当用户拖放特定的HTML控件,然后它的副本,或者你可以说克隆将被放置sothat用户可以拖放多个时间相同的HTML控件 任何人都可以帮助我吗?使用拖放操作的网站

技术Asp.net用C#(.NET 4.5)

+0

我认为,(与目前的答案),这是一个问题关于使用Visual Studio的可视化设计器来创建一个简单的网站,而不是一个支持拖放交互的页面。但是,OP需要澄清这个问题。 –

回答

2

Here是jQuery的可拖动!用一个小脚本很容易,很有用!

 <script> 
$(function() { 
$("#draggable").draggable(); 
}); 
</script> 

这是fiddle example它!

2

只需使用jQuery的,而不是C#或任何服务器端technology.Using JqueryUI

这是完整的示例:

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Draggable - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <style> 
    #draggable { width: 150px; height: 150px; padding: 0.5em; } 
    </style> 
    <script> 
    $(function() { 
    $("#draggable").draggable(); 
    }); 
    </script> 
</head> 
<body> 

<div id="draggable" class="ui-widget-content"> 
    <p>Drag me around</p> 
</div> 


</body> 
</html> 
+0

其实我想制作网站,通过它,任何用户都可以创建简单的静态网站,如博客。我怎样才能做到这一点与draggable。你能否给我一些提及的链接 – juhi