首页 > 其他 > 详细

在一张图片上添加删除的照片

时间:2015-03-19 20:22:22      阅读:307      评论:0      收藏:0      [点我收藏+]

1、css样式

.photoX{
    margin: 5px;
    width: 300px;
    height: 200px;
    border:1px solid #5df;
}
.rubbish{
    width:32px;
    height:32px;
    position:absolute;
    z-index: 10;
    left: 270px;
    top: 10px;
    cursor:pointer;
}

2、html

<div style="float:left; position: relative;">
    <img id="photoX3" 
         class="photoX" 
         src="/hospital1/tool/getImage.jsp?filePath=basePathzyj_196/f6c8b20a-2ba1-4ec6-a6b2-cbcc787fd95c.png" 
         style="border: 1px solid rgb(85, 221, 255);">
    <img id="rubbish_photoX3" 
         onclick="deletePhoto('basePathzyj_196/f6c8b20a-2ba1-4ec6-a6b2-cbcc787fd95c.png','photoX3')" 
         src="/hospital1/icons/rubbish.png" 
         class="rubbish" 
         title="删除">
</div>

效果图如下:

技术分享

在一张图片上添加删除的照片

原文:http://blog.csdn.net/class_horse/article/details/44463267

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!