科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道应用软件用scriptaculous增强Web应用程序

用scriptaculous增强Web应用程序

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

本文将深入探讨如何利用scriptaculous的一些特性,包括拖放功能、分类等。我们从给一个基本的网页增加拖放特性开始进行说明。

作者:builder.com.cn 2007年1月30日

关键字:

  • 评论
  • 分享微博
  • 分享邮件
<html><head>
<title>Scriptaculous Example - drag-n-drop</title>
<script language="JavaScript" src="scriptaculous/lib/prototype.js"></script>
<script language="JavaScript" src="scriptaculous/src/scriptaculous.js"></script>
</head><body>
<h1>Drag-n-drop with Scriptaculous</h1>
<div id="firstlist">
<ul class="sortabledemo" id="group1">
<li id="element1_1">The first element.</li>
<li id="element1_2">The second element.</li>
<li id="element1_3">The third element.</li>
<li id="element1_4">The fourth element.</li>
<li id="element1_5">The fifth element.</li>
<li id="element1_6">The sixth element.</li>
<li id="element1_7">The seventh element.</li>
<li id="element1_8">The eighth element.</li>
<li id="element1_9">The ninth element.</li>
<li id="element1_10">The tenth element.</li>
</ul></div>
<script type="text/javascript">
// <![CDATA[
Sortable.create('group1',{containment:['group1'],dragOnEmpty:true, constraint:false});
// ]]>
?lt;/script></body></html>
    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章