基于jquery插件实现拖拽删除图片功能

基于jquery插件实现拖拽删除图片功能

ID:30511254

大小:15.71 KB

页数:4页

时间:2018-12-30

基于jquery插件实现拖拽删除图片功能_第1页
基于jquery插件实现拖拽删除图片功能_第2页
基于jquery插件实现拖拽删除图片功能_第3页
基于jquery插件实现拖拽删除图片功能_第4页
资源描述:

《基于jquery插件实现拖拽删除图片功能》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解基于jquery插件实现拖拽删除图片功能  这篇文章主要介绍了基于jquery插件实现拖拽删除图片功能的相关资料,需要的朋友可以参考下  本文实例为大家分享了jquery插件实现拖拽删除图片功能的具体代码,供大家参考,具体内容如下  实现以下效果  完全拖出这个层,图片会消失,否则图片会回到原来的位置              #mydiv{width:900px;background-color:#444;border:1pxsolidred}    #

2、mydiv2{width:900px;;border:1pxsolidred}    img{width:200px;height:200px;}    ul{list-style-type:none;}    ulli{display:inline;}       对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解  -->                       $(fun

3、ction(){  //存储的是被拖动的图片的初始坐标     varstartleft=0;     varstarttop=0;     $('img').draggable({      start:function(){      //为两个变量设置被拖动图片的初始坐标       startleft=$(this).offset().left;       starttop=$(this).offset().top;      },      stop:function(){       if($(this).offset().left>$('#mydiv').offset().le

4、ft+$('#mydiv').width()

5、

6、$(this).offset().top>$('#mydiv').offset().top+$('#mydiv').height()){对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解        $(this).remove();       }       else{       //复位        $(this).off

7、set({         left:startleft,         top:starttop        })       }      }     })     })                     对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解        以上就是本文的全部内容,希望对大家学习jquery程序设计有所帮助。对党的认识也有了进一步的提高。

8、才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。