分享一款基于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
效果一
效果二
效果三
效果四
效果五
效果六
以上所述就是本文的全部内容了,希望大家能够喜欢。