JS图片灯箱(lihtBox)效果基本原理和demo.docVIP

??? ? 到年底了，项目不怎么忙，所以有空特地研究了下KISSY中源码JS灯箱效果，感觉代码比较简单，所以就按照他们的思路依赖于Jquery框架也封装了一个，特地分享给大家，以前经常看到网上很多这样的插件，感觉很多人很牛逼的样子，这样的效果也能做出来，碰巧今天自己也能研究出来一个，代码也不多，就300多行代码，嘿嘿！如果写的不够好，或者还不够的，希望大家多多指教！或者多多发表意见，那些需要值得改进的地方！共同学习！ 基本原理 ? ? 配置项如下： ? container targetCls ?.J_lightbox,???? targetCls 元素选择器，需要弹出的图片链接dom节点 layer ?#lightbox,??? 浮层模版选择器 ?closebtn ? .closebtn,??????? 关闭浮层的X按钮 prev .prevbtn,???????? 上一张触发器 next .nextbtn,????????? 下一张触发器 easing linear??????????? jquery 动画函数 默认为 linear 或者 swing 或者jquery自带的动画效果 JSFiddle效果如下 ? 想要查看效果，请轻轻的点击我，我怕疼，嘿嘿！！ ? 代码中需要了解的知识点如下： ? 1. getBoundingClientRect()方法：该方法获