sortable图片拖拽插件
2016-06-10 19:48
363 查看
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script language="javascript" src="jquery-1.7.min.js"></script> <script language="javascript" src="jquery.sortable.js"></script> <script> $(document).ready(function(){ getlivesortable(); }); function getlivesortable(){ if ($('.imageDragSortView').html()) $('.imageDragSortView').sortable(); } </script> </head> <body> <div id="img_div"> <ul class="imageDragSortView"> <li draggable="true"> <a href="#" target='_blank'> <img src="http://zqebay.com/uploads/2016/201606/20160606/wish-source-img/1465182264792-P-6795.png" width="100" height="100" border="0" /> </a> </li> <li draggable="true"> <a href="#" target='_blank'> <img src="http://zqebay.com/uploads/2016/201606/20160606/wish-source-img/1465182246602-P-6795.jpg" width="100" height="100" border="0" /> </a> </li> <li draggable="true"> <a href="#" target='_blank'> <img src="http://zqebay.com/uploads/2016/201606/20160606/wish-source-img/1465182246893-P-6795.jpg" width="100" height="100" border="0" /> </a> </li> </ul> </div> </body> </html>
对图片的拖拽、排序有很方便的功能。 具体文件可以去csdn我的资源库里下载
使用过程中出现过的问题
1.拖拽效果不理想,第一张图片不能被拖拽。 原因(getlivesortable();这个方法被调用2次或者2次以上,只需要调用一次即可)
相关文章推荐
- java自动生成验证码插件-kaptcha
- 按右键另存图片只能存BMP
- photoshop去除图片上的水印
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- upload上传单张图片
- 图片引发的溢出危机(图)
- C# WinForm控件对透明图片重叠时出现图片不透明的简单解决方法
- 加载flash9.ocx出现错误的解决方法
- jquery实现的代替传统checkbox样式插件
- C#实现把彩色图片灰度化代码分享
- C#将图片和字节流互相转换并显示到页面上
- C#监控文件夹并自动给图片文件打水印的方法
- 10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
- 纯CSS实现的当鼠标移上图片添加阴影效果代码
- 如何使用C#从word文档中提取图片
- C#实现打开画图的同时载入图片、最大化显示画图窗体的方法
- C#图片添加水印的实现代码
- 随鼠标移动的图片或文字特效代码
- CSS 图片横向排列实现代码