jQuery插件扩展器实现翻转效果。

jQuery插件扩展器实现翻转效果。
分享一个翻转效果代码基于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

以上是本文的全部内容,希望大家能喜欢。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部