zoukankan      html  css  js  c++  java
  • 删除图片

    <div class="modal-body" style="max-height: 350px;">
                                    <p>签收单:</p>
                                    <div class="recpyimg" >
                                        <ul>
                                            <li class="hdhd">
                                                <a href="assets/img/gallery/image1.jpg" rel="lightbox-group" title="">
                                                <img  src="assets/img/gallery/image1.jpg" /></a>
                                            <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>
                                        <!--        <a href="javascript:void(0)"><img src="assets/img/gallery/image1.jpg"  onMouseOver="toolTip('<img src=assets/img/gallery/image1.jpg>')" onMouseOut="toolTip()"></a>    -->
                                            </li>
                                            <li>
                                                <a href="assets/img/gallery/image2.jpg" rel="lightbox-group" title="">
                                                <img  src="assets/img/gallery/image2.jpg" /></a>
                                            <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>    
                                            </li>
                                            <li>
                                                <a href="assets/img/gallery/image3.jpg" rel="lightbox-group" title="">
                                                <img  src="assets/img/gallery/image3.jpg" /></a>
                                            <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>    
                                            </li>
                                            
                                        </ul>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <p>验货图片:</p>
                                    <div class="recpyimg" >
                                        <ul>
                                            <li>
                                                <a href="assets/img/gallery/image4.jpg" rel="lightbox-group" title="">
                                                <img  src="assets/img/gallery/image4.jpg" /></a>
                                            <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>    
                                            </li>
                                            <li>
                                                <a href="assets/img/gallery/image5.jpg" rel="lightbox-group" title="">
                                                <img  src="assets/img/gallery/image5.jpg" /></a>
                                            <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>    
                                            </li>
                                            <li>
                                                <a href="assets/img/gallery/image2.jpg" rel="lightbox-group" title="">
                                                <img  src="assets/img/gallery/image2.jpg" /></a>
                                            <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>    
                                            </li>
                                            <li>
                                                <a href="assets/img/gallery/image1.jpg" rel="lightbox-group" title="">
                                                <img  src="assets/img/gallery/image1.jpg" /></a>
                                            <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>    
                                            </li>
                                            <li>
                                                <a href="assets/img/gallery/image3.jpg" rel="lightbox-group" title="">
                                                <img  src="assets/img/gallery/image3.jpg" /></a>
                                            <span onclick="deleteimg(this)"><i class="icon-trash"></i></span>    
                                            </li>
                                        </ul>
                                        <div class="clearfix"></div>
                                    </div>
                                    </div>


    /*已回单编辑删除图片*/
    .recpyimg ul{list-style: none;}
    .recpyimg ul li{width: 150px; height: 100px; margin-right: 10px;margin-bottom:32px;border: 1px solid #ccc;float: left;}
    .recpyimg ul li img{width: 100%; height: 100%;}
    .recpyimg ul li span{
        display: block;
        width: 150px;
        height: 22px;
        line-height: 25px;
        text-align: center;
        background-color: #CACACA;
        cursor: pointer;
    }
    .recpyimg ul li span i{font-size: 18px;}
    .recpyimg ul li span:hover{ background-color: #8E8E8E;}
    .recpyimg ul li span:hover i{ color: #fff;}
    function deleteimg(that){
                    var i=window.confirm("您确定删除该图片?");
                   if(i==true){
                       console.log($(that).parent("li"));
                       $(that).parent("li").remove();
                   }else{
                       return false;
                   }
                    
                }
  • 相关阅读:
    单例 全局变量
    平安亲人 测试数据
    UIButton
    apple id
    背景图的按钮
    大头针飘移问题
    图文并茂Windows系统使用XAMPP搭建本地mysql数据库导入数据库并使用node.js访问数据库
    JS原生上传文件,读取文件格式,控制文件只可以上传某些格式,并使用fileReader转换格式
    今天学到的新知识使用localtunnel实现内网穿透,感觉很神奇哇~~
    在Mac OS上将Node.js连接到XAMPP MySQL服务器一直报错error connecting: Error: connect ECONNREFUSED
  • 原文地址:https://www.cnblogs.com/dazhangli/p/5908452.html
Copyright © 2011-2022 走看看