jquery插件--图片拖拽排序【新增预览图和下载包】
2008-12-30 16:36
447 查看
jquery应用-图片拖拽排序
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<title>Sortables demo - Interface plugin for jQuery</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="interface.js"></script>
</style>
</head>
<body>
<div id="sort1">
<img src="1.jpg" class="sortableitem" id="1" alt="1"/>
<img src="2.jpg" class="sortableitem" id="2" alt="2"/>
<img src="3.jpg" class="sortableitem" id="3" alt="3"/>
<img src="4.jpg" class="sortableitem" id="4" alt="4"/>
<img src="5.jpg" class="sortableitem" id="5" alt="5"/>
<img src="6.jpg" class="sortableitem" id="6" alt="6"/>
</div>
<div class="serializer">
<a href="#" onClick="serialize(); return false;"
>提交排序</a>
</div>
</script>
</body>
</html>
源码下载地址:点击这里下载压缩包
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<title>Sortables demo - Interface plugin for jQuery</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="interface.js"></script>
</style>
</head>
<body>
<div id="sort1">
<img src="1.jpg" class="sortableitem" id="1" alt="1"/>
<img src="2.jpg" class="sortableitem" id="2" alt="2"/>
<img src="3.jpg" class="sortableitem" id="3" alt="3"/>
<img src="4.jpg" class="sortableitem" id="4" alt="4"/>
<img src="5.jpg" class="sortableitem" id="5" alt="5"/>
<img src="6.jpg" class="sortableitem" id="6" alt="6"/>
</div>
<div class="serializer">
<a href="#" onClick="serialize(); return false;"
>提交排序</a>
</div>
</script>
</body>
</html>
源码下载地址:点击这里下载压缩包
相关文章推荐
- jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
- jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
- HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (二)
- Jquery 图片预览插件 imgPreview
- [置顶] input file上传图片预览(查看图片大小,类型,名字)------------------------------自己动手写jQuery插件
- jQuery 图片放大预览插件
- jQuery图片缩放拖拽插件 imageQ
- PicView一个依赖JQuery的图片预览插件
- 自己写的jQuery插件(三)--内容和图片预览插件
- jquery插件之拖拽删除图片
- 本地预览下载图片插件
- jquery应用-图片拖拽排序
- JQuery拖拽插件使用及下载
- jQuery插件imgPreviewQs实现上传图片预览
- 一款基于jQuery可放大预览的图片滑块插件
- HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (二)
- Jquery 图片预览插件 imgPreview
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- 基于JQuery的图片上传预览插件(图片预览、过滤文件类型、限制图片大小、图片显示后回调)
- jQuery图片预览插件imgPreview