html图片右上角删除按钮,图片右上角删除

# 图示

![mark](http://qiniu.newthink.cc/blog/180921/Cgl5AKF1mi.png)

# GIT

地址：https://gitee.com/hongweizhiyuan/ijquery_front/tree/master/image_delete

演示：https://hongweizhiyuan.gitee.io/ijquery_front/image_delete/index-css-jquery.html

# 代码

```

CSS的删除按钮

.img_div{

display : inline-block;

position : relative;

}

.img_div .delete{

position : absolute;

top : 5px;

right : 5px;

color: red;

border: 1px solid red;

text-align: center;

cursor: pointer;

border-radius: 20px;

width : 20px;

height : 20px;

line-height: 20px;

}

CSS的删除按钮

$(function () {

//删除操作

$('.delete').click(function () {

$(this).parent().remove();

})

```

html图片右上角删除按钮,图片右上角删除相关推荐

python测试开发django-124.bootstrap点删除按钮弹确认删除
前言批量删除bootstrap-table数据,需先弹出确认删除框,提醒用户是否确定删除. 点确定按钮的时候需获取到table表格中选中的数据id数据. 确认删除期望实现的效果,选中一行或多行可以 ...
js购物车实现全选反选删除...(附图片代码)
要求: 1.实现全选和全部选的功能.当商品被选中时,需要计算选择的商品数量和总计 2实现数量的加一或者减一.当数量改变时,需要重新计算小计:如果该商品被选中,则需要重新计算商品数量和总计.注意:商品 ...
html删除图片效果,html+css实现图片右上角加删除叉、图片删除按钮
这篇文章主要介绍了html+css 实现图片右上角加删除叉.图片删除按钮,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下为了纪录下,以后可能用到 ...
UITableViewCell 左侧滑动删除按钮添加图片（不完美解决）
*需求:给cell左侧滑动删除按钮添加图片 //目前的解决方法链接: https://pan.baidu.com/s/1kVE5gMF 密码: zaph *装态:还在解决网上查过资料一直没好的解决 ...
封装一个完整版的uniapp图片和视频上传组件，拿来即用，可进行图片视频切换，可自定义上传按钮样式，删除按钮样式，可单独上传图片或者视频，可限制上传数量
第一步 components里面新建一个manyImgUpload.vue组件,将以下代码放入以下代码中需要你改的地方 uni.uploadFile中的参数,url为你公司的上传接口.files为你 ...
antd upload取消图片删除按钮
** <UploadshowUploadList={{showRemoveIcon:false}}//加上这句代码onChange={this.uploadStateChange}beforeU ...
苹果手机删除的图片怎么恢复？试试这3个方法
苹果手机在使用的过程时,大家会发现自己手机相册里的图片越来越多,多到占用了自己手机非常多的内存.所以大家都会经常去清理自己苹果手机相册里的图片,在清理图片的时候大家或多或少都会不小心把一些重要的图片给 ...
怎样把计算机里的图片快速删除,如何批量删除重复图片电脑中相同图片批量删除的方法...
因为工作需要,在电脑上存了大量的图片,有些是从网站上批量下载的,这里面难免会有许多重复的,如果数量少的话,一张张地看,再一张张的删除重复图片那还行得通.可是当你一个文件夹里就有几千上万张的图片时,再用 ...
微信删除的图片怎么恢复？微信照片过期或已被清理如何还原
小编是个不喜欢清理微信聊天记录里的照片.文档.视频等各种东西的人,但是有一次不知道是因为什么,一股脑就将好几个人的聊天记录中的文件.照片.视频通通清理并删除掉了,后面想找回来,才知道自己当时太冲动了, ...

html图片右上角删除按钮,图片右上角删除

CSS的删除按钮

html图片右上角删除按钮,图片右上角删除相关推荐

最新文章

热门文章