js确认删除对话框效果的示例代码(2)


<script>
window.onload=window.onresize=function(){
    new ConfirmPop('btn','div1','overlay','title','closeConfirm','trueConfirm');
}
</script>


3.做好准备工作

复制代码 代码如下:


<div>
    <h3></h3>
    <div>
        您确定要进行删除操作么?
    </div>
    <a href="###">确定</a>
    <a href="###">取消</a>
</div>
<div></div>


这段代码是提供空间的,自己写的div代码。其中确定框中的a标签中,可以把删除的地址填入其中。点击确定时,就跳转到删除的页面方法中了。

这段代码可以放入任何位置。不占空间。作者很犀利。

4.导火线,触发器

复制代码 代码如下:


<a  ><img src="https://www.jb51.net/images/default/right/ico_del.gif" /></a>


将删除图标加上id="btn",这样就会触发删除效果了。

如果想修改样式,可以到css中进行修改,调整。

小结:这样的js删除就比浏览器自带的弹出框美观一些了。作者用短短3k的js就写出这种效果,真心厉害。

ps,我只是拿来的。

缺点,只能针对一个内容,进行删除。因为所有的都是针对id的,单一化了。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdyfgf.html