基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

支付宝支付

微信支付

   源码介绍

---

js的点击图片弹出预览效果(支持上一张下一张)


            AUI.overlay = {};
            AUI.overlay.doCenter = function(target){
                //让target 位于网页的中央居中的位置
                var targetWidth = target.offsetWidth, //目标的可见宽度
                        targetHeight = target.offsetHeight, //目标的可见高度
                        realLeft = window.pageXOffset || document.documentElement.offsetLeft || document.body.offsetLeft,
                        realTop  = window.pageYOffset || document.documentElement.offsetTop || document.body.offsetTop,
                        clientWidth = document.documentElement.clientWidth|| document.body.clientWidth,
                        clientHeight = document.documentElement.clientHeight || document.body.clientHeight,
                        boxTop = realTop Math.round((clientHeight - targetHeight)/2),
                        boxLeft = realLeft Math.round((clientWidth - targetWidth)/2);
                target.style.position = 'absolute';
                target.style.top = boxTop 'px';
                target.style.left = boxLeft 'px';

            };