2014-02-15 67 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