分享一个翻转效果代码基于jQuery的图片pop-up.this是基于jQuery + HTML5实现，包括鼠标点击图片弹出特效下载六个不同的影响。结果如下：


介绍css和js











expander.min.js代码

复制代码代码如下所示：

！function() {功能a() { var a =这；这个init = function() { $（document）。准备（function() { var b = $（）；a.siv = B，$（div.expander-siv ）。|长度|美元（体）。追加（B），$（img {数据膨胀}）。每个（function() { var c = $（本）；c.attr（src lone()）；c.data（选项）.css（{顶：$（窗口）。scrolltop() + his.init（PX）} var a =新}（）；



JS代码：





var指数= 0；
VaR超时= setInterval（）函数（）{
如果（索引> 10）{
window.clearinterval（超时）
}
$（文）。情商（指数），AddClass（秀）；
指数+ +
}，300）；

功能showfoo（）{
$（# fooid）。Trigger（扩大）；
}

$（# expandsettings ），（单击
如果（$（UL。设置）。HasClass（开放））{
$(ul.settings).RemoveClass (open);
{人}
$（UL。设置）。AddClass（开放）；

}
}）；





HTML





影响



影响两



效果三



效果四



效果五



Effect six







以上是本文的全部内容，希望大家能喜欢。