效果如下:
[img]http://files.jb51.net/file_images/article/201402/20140220091803.png[/img]
[b]css文件delcss.css[/b]
代码如下:
[url=delcss.css]<script src="confirmPop.js"></script>
2.调用方法
<script>
window.onload=window.onresize=function(){
new ConfirmPop('btn','div1','overlay','title','closeConfirm','trueConfirm');
}
</script>
3.做好准备工作
[url=###] <a href="###" id="closeConfirm">取消</a>
</div>
<div id="overlay"></div>
这段代码是提供空间的,自己写的div代码。其中确定框中的a标签中,可以把删除的地址填入其中。点击确定时,就跳转到删除的页面方法中了。
这段代码可以放入任何位置。不占空间。作者很犀利。
4.导火线,触发器
<a id="btn" ><img src="/images/default/right/ico_del.gif" /></a>
将删除图标加上id="btn",这样就会触发删除效果了。
如果想修改样式,可以到css中进行修改,调整。
[b]
小结:[/b]这样的js删除就比浏览器自带的弹出框美观一些了。作者用短短3k的js就写出这种效果,真心厉害。
ps,我只是拿来的。
缺点,只能针对一个内容,进行删除。因为所有的都是针对id的,单一化了。