使用拖放的网站设计方法

3

我是一名学生,对于.net和网站开发很新。我在asp.net中设计了一个项目,用户可以拖放HTML控件并生成简单的静态网站。现在,当用户拖放特定的HTML控件时,它的副本或者说克隆将被放置,以便用户可以多次拖放同一个HTML控件。

技术方案:Asp.net with C# (.net 4.5)


我认为(与当前的答案相反)这是一个关于使用Visual Studio的可视化设计器创建简单网站的问题,而不是具有拖放交互支持的页面。然而,原帖作者需要澄清问题。 - James World
2个回答

2

这里是Jquery Draggable!只需要一点脚本,它就变得易用和实用!

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

这是示例代码


2
您可以仅使用 jQuery,而不需要 C# 或任何服务器端技术。使用 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>

实际上我想制作一个网站,通过这个网站任何用户都可以创建简单的静态网站,比如博客。我该如何使用可拖动的方式来实现呢?你能给我一些参考链接吗? - juhi

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接