本脚本基于mootools创建，支持图片、视频以及网页的弹出显示，用户点击图片、视频或者网页链接在不打开新窗口的情况下弹出一个浮动层用于显示相关的内容，可以广泛用于相册、视频播放、网页内嵌等应用，效果非常不错
查看演示页面 View Demo 查看全部代码 View Code
调用方法：
在网页<head>区添加以下代码
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script> <script type="text/javascript" src="/js/overlay.js"></script> <script type="text/javascript" src="/js/assets.js"></script> <script type="text/javascript" src="/js/multibox.js"></script>
用类似下面的代码创建链接
<a href="/myBigImage.jpg" class="mb" title="example title a"><img src="/mySmallImage.jpg" border="0"></a>
注意在链接里使用 class="mb"
在页面的最后调用初始化脚本代码
window.addEvent('domready', function(){
var overlay = new overlay();
var box = new multiBox('mb', {
overlay: overlay
});
});
更多应用及设置请参考以下链接：
http://www.sharejs.com/code/image/multibox/index.html
