<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Sortable list</title>
<script type="text/javascript" src="../AJS.js"></script>
<link href="../static/style.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
ul {
margin: 0;
padding: 0;
list-style: none;
width: 200px;
}
td {
padding: 3px;
}
.item {
background-color: #fff2c3;
border: 1px solid #999;
width: 150px;
padding: 5px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<h2>Sortable list</h2>
<ul id="list">
<li class="item">1</li>
<li class="item">2</li>
<li class="item">3</li>
<li class="item">4</li>
<li class="item">5</li>
</ul>
<script>
var table_items = AJS.$bytc('li', null, AJS.$('list'));
var on_hover = function(drop_zone, click_elm, drag_elm) {
var drag_elm = AJS.drag_elm;
if(drop_zone != click_elm) {
var d_z_top = drop_zone.offsetTop;
var d_z_middle = drop_zone.offsetTop + (drop_zone.offsetHeight/2);
var d_e_bottom = drag_elm.offsetTop + drag_elm.offsetHeight;
var d_e_top = drag_elm.offsetTop;
if(d_e_bottom > d_z_middle && d_e_top < d_z_top)
AJS.insertAfter(click_elm, drop_zone);
if(d_e_top < d_z_middle && d_e_top > d_z_top)
AJS.insertBefore(click_elm, drop_zone);
}
}
var on_drag = function(click_elm) {
AJS.setOpacity(AJS.drag_elm, 0.75);
}
AJS.map(table_items, function(item) {
AJS.dragAble(item, null, {
move_x: false,
on_drag: on_drag,
hide_on_move: true});
AJS.dropZone(item, {on_hover: on_hover});
});
</script>
</body>
</html>
强,可以随便改变<li>中内容的位置,有点www.uumap.com的味道uumap是用的好象是dwr,这个比那个简单多了,不错
分享到：
相关推荐
office2john的源文件
青海省各市、县区及街镇SVG图
# 基于Java NIO框架的网络IO处理系统 ## 项目简介 本项目是一个基于Java NIO（非阻塞IO）框架的网络IO处理系统。通过使用Java NIO的多路复用技术，系统能够高效地处理多个客户端的连接和IO操作。项目涵盖了从基本的Socket编程到复杂的NIO多路复用实现，适合学习和理解Java网络编程的高级特性。 ## 项目的主要特性和功能 1. 多路复用技术使用Java NIO的Selector机制，实现单线程处理多个客户端的连接和IO操作。 2. 多线程处理通过多线程技术，系统能够并发处理多个客户端的请求，提高服务器的处理能力。 3. 文件IO操作包括基本的文件写入、缓冲文件IO、随机访问文件写入等操作，展示了Java文件IO的多种实现方式。 4. 网络IO操作包括Socket客户端和服务器的实现，展示了如何使用Java进行网络通信。
二叉树先、中、后序遍历及层次遍历代码 C90版
支持向量机
# 基于Arduino和Android的温湿度数据采集系统 ## 项目简介 本项目是一个基于Arduino和Android的温湿度数据采集系统，主要用于远程监控环境中的温湿度数据。系统由Arduino Nano控制DHT22传感器进行数据采集，并通过USRWIFI232A模块将数据传输到Android设备。Android端通过WiFi连接到服务器，实时读取并显示温湿度数据。 ## 项目的主要特性和功能 硬件设计 使用Arduino Nano作为主控芯片。 采用DHT22传感器进行温湿度数据采集。 通过USRWIFI232A模块实现无线数据传输。 软件设计 Arduino端实现DHT传感器的读取功能，包括温度和湿度的数据采集与处理。 Android端开发了一个Android应用，通过WiFi连接到服务器，实时读取并显示温湿度数据。 功能模块
c语言情人节的红玫瑰
c语言UDP传输系统源码
数字标识控件
c语言打字母游戏源码
c语言实现数字雨
android Gallery实现异步加载网络图片 并只加载当前停止页面图
ASP.NET手机端H5会议室预约系统源码 手机版会议室预约源码 一、源码介绍 H5手机版会议室预约系统是一个高效快速便利的内部预约平台，让需要预定会议室的人能通过这个平 台发布预定，没有预定的人也能通过平台查看他人预定。通过后台添加账号即可登录预约平台，发布会 议室预定。 二、主要功能 后台管理包括 会议室信息管理，预约信息管理，用户信息管理。 前台手机版预约系统包括 日历查看预定信息，点击进入所选日期详细预约信息，预定会议室，我的预 约等功能模块。 后台采用模型管理功能可以使用后台对表结构进行维护，方便二次开发。 后台也可以增加部门，实现各部门之间管理员查看各自部门预约信息，用户信息等功能。
修复了实时获取区服 修复多区识别问题 带CDK功能 还有一些 忘记了 1年前修复的 好久没搞了
ASP.NET教育培训管理系统源码 一、源码描述：可以实现学员发卡，学员缴费，学员上课，教师管理，课程管理，图书管理， 水晶报表查询，文字与图形并存，管理员权限设置，学员生日提醒，图书逾期提醒。 二、菜单功能 1、 学员管理 2、 教师管理 3、 课程管理 4、 图书管理 5、 统计报表 6、 辅助功能 7、 系统设置 8、 添加学员 9、 学员上课 10、图书借阅 11、今日提醒 12、短信平台 13、微信平台 14、数据清理 三、注意事项 1、开发环境为Visual Studio 2010，数据库为ACCESS，使用.net 4.0开发, C/S架构。 2、管理员登陆名：admin 密码： admin
考研真题及讲解介绍-数学-2024
c语言做的一个任务管理器
c语言学生信息系统
大致思路以及代码