分享一个翻转效果代码基于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
以上是本文的全部内容,希望大家能喜欢。