博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html+css 图片右上角加删除叉,图片删除
阅读量:4293 次
发布时间:2019-05-27

本文共 907 字,大约阅读时间需要 3 分钟。

为了纪录下,以后可能用到,有需要的道友也可以用用。

不BB,上效果图先

以上就是效果图。 右上角的图片可自己换图片,图片素材我就不放上来了,我就上个代码,挺简单的css和js,初学者应该也看得明白
无标题文档
搞定。收工了。复制代码,替换下图片素材就直接能用了
下班。走人
------------------------------------------------------------------------------------------- 华丽分割 ---------------------------------------------------------------------------------------------------------
补充。由于拿left都是0
换种方式获取
var objUrl = getObjectURL(ths.files[0]);		var left = $('#file_img').offset().left;		var top = $('#file_img').offset().top;				// left为默认图的最左侧距离, 添加后的图片可根据 默认图的宽度 - 删除层图片的宽度(即:当前我默认图的宽度为75,删除层的图片宽度为16, left = 75 - 16, 位置就能到图片的最右侧了! top也是同样道理)		$('#img_zindex_div_1').css({position: "absolute", left: left + 59, top: top - 5, display: "block" });

你可能感兴趣的文章
idea在搭建ssm框架时mybatis整合问题 无法找到mapper
查看>>
java设计基本原则----单一职责原则
查看>>
HashMap的实现
查看>>
互斥锁 synchronized分析
查看>>
java等待-通知机制 synchronized和waity()的使用实践
查看>>
win10 Docke安装mysql8.0
查看>>
docker 启动已经停止的容器
查看>>
order by 排序原理及性能优化
查看>>
Lock重入锁
查看>>
docker安装 rabbitMq
查看>>
git 常用命令 入门
查看>>
linux安装docker
查看>>
关闭selinx nginx无法使用代理
查看>>
shell 脚本部署项目
查看>>
spring cloud zuul网关上传大文件
查看>>
springboot+mybatis日志显示SQL
查看>>
工作流中文乱码问题解决
查看>>
maven打包本地依赖包
查看>>
spring boot jpa 实现拦截器
查看>>
jenkins + maven+ gitlab 自动化部署
查看>>