使用 clearbox 很简单,没有多余的代码,只需引入 clearbox.js 和 clearbox.css 即可。
代码:
//引用文件
<link href="clearbox/clearbox.css" rel="stylesheet" type="text/css" />
<script src="clearbox/clearbox2.js" type="text/javascript"></script>
//弹窗文件
<p><a href="clearbox/test.html" rel=clearbox(420,320,click)>clearbox</a></p>
//弹窗图片
<a href="clearbox/Sunset.jpg" rel="clearbox[test]" ><img src="images/1.jpg" alt=" 测试图片 " style="width:120px;height:120px;" border="0" /></a>
新版链接:https://wenku.youkuaiyun.com/doc/1tetzbjdqc
效果:
编辑js方法:
解密clearbox.js文件(解密:https://www.jsjiami.com/jiemi.html)
功能修改一:
去掉弹窗底部的文本退出信息,把div id="CB_Text" 隐藏即可
功能修改二:
在弹窗文件内关闭弹窗。
由于弹窗文件是一个子框架嵌套,如图:
在子框架内访问父页面CB_Close()关闭函数:
parent.CB_Close();