联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

jquery弹出层类代码分享 - Web前端

作者:98wpeu发布时间:2026-06-03分类:网页前端技术浏览:6


导读:复制代码代码如下:vart9=newPopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBTn:"#close9",uSE...
复制代码 代码如下:
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)});
    }
}

标签:弹出代码Webjquery


网页前端技术排行
最近发表
网站分类
标签列表