手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery弹出层类代码分享
jquery弹出层类代码分享
摘要:复制代码代码如下:vart9=newPopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBt...

复制代码 代码如下:

var t9 = new PopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBtn:"#close9",

useOverlay:true,useFx:true,offsets:{x:0,y:-41}});

t9.doEffects = function(way){

if(way == "open"){

this.popupLayer.css({opacity:0.3}).show(400,function(){

this.popupLayer.animate({

left:($(document).width() - this.popupLayer.width())/2,

top:(document.documentElement.clientHeight -

this.popupLayer.height())/2 + $(document).scrollTop(),

opacity:0.8

},1000,function(){this.popupLayer.css("opacity",1)}.binding(this));

}.binding(this));

}

else{

this.popupLayer.animate({

left:this.trigger.offset().left,

top:this.trigger.offset().top,

opacity:0.1

},{duration:500,complete:function(){

this.popupLayer.css("opacity",1);this.popupLayer.hide()}.binding(this)});

}

}

【jquery弹出层类代码分享】相关文章:

将HTML自动转为JS代码

jquery使用经验小结

jquery滚动特效集锦

js实现异步循环实现代码

Js和JQuery获取鼠标指针坐标的实现代码分享

jQuery聚合函数实例

jquery实现图片左右切换的方法

jquery实现弹出层效果实例

7个有用的jQuery代码片段分享

jquery实现的判断倒计时是否结束代码

精品推荐
分类导航