layui实现上传图片鼠标悬浮展示删除及预览图标
**
进行layui实现图片上传功能时,发现无法实现悬浮展示删除及预览图标功能,查询很多资料后,自己整合一套自己的方法,特此记录。
整体思路就是使用鼠标悬浮和移出时间,及div层叠方法
由于对前端不是很了解,对于不足部分,待以后完善!!!
实现功能展示
html代码
<form class="layui-form layui-table-form" style="text-align: center" action="" lay-filter="cfg-form"
id="cfg-form">
<div class="layui-form-item" id="imgItem">
<label class="layui-form-label">上传图片:</label>
<div class="layui-input-inline" id="imgItemInfo">
<div class="layui-upload-drag-self" id="importImg">
<i class="layui-icon" id="uploadIcon">  </i>
<div class