html 图片旋转插件,jQuery插件expander实现图片翻转特效

分享一款基于jQuery图片弹出翻转特效代码。这是一款基于jQuery+HTML5实现的，里面包含六款不同效果的鼠标点击图片弹出特效下载。效果图如下：

引入CSS和JS

expander.min.js代码

!function(){function a(){var a=this;this.init=function(){$(document).ready(function(){var b=$("

JS代码：

var index = 0;

var timeout = setInterval(function () {

if (index > 10) {

window.clearInterval(timeout)

}

$("article").eq(index).addClass("show");

index++

}, 300);

function showFoo() {

$("#fooId").trigger("expand");

}

$("#expandSettings").on("click", function () {

if ($("ul.settings").hasClass("open")) {

$("ul.settings").removeClass("open");

} else {

$("ul.settings").addClass("open");

}

});

HTML

效果一

效果二

效果三

效果四

效果五

效果六

以上所述就是本文的全部内容了，希望大家能够喜欢。