jquery弹出层类代码分享


Posted in Javascript onDecember 27, 2013
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)});
    }
}
Javascript 相关文章推荐
Javascript Select操作大集合
May 26 Javascript
jquery插件开发之实现md5插件
Mar 17 Javascript
jQuery实现在列表的首行添加数据
May 19 Javascript
JavaScript事件类型中UI事件详解
Jan 14 Javascript
jQuery插件uploadify实现ajax效果的图片上传
Jun 18 Javascript
ReactJs快速入门教程(精华版)
Nov 28 Javascript
微信小程序三级联动地址选择器的实例代码
Jul 12 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
Oct 24 Javascript
Vue-Router2.X多种路由实现方式总结
Feb 09 Javascript
详解angular2如何手动点击特定元素上的点击事件
Oct 16 Javascript
JS二级菜单不同实现方法分析【4种方法】
Dec 21 Javascript
通过angular CDK实现页面元素拖放的步骤详解
Jul 01 Javascript
可插入图片的TEXT文本框
Dec 27 #Javascript
jQuery拖拽 & 弹出层 介绍与示例
Dec 27 #Javascript
JS字符串截取函数实例
Dec 27 #Javascript
js 对小数加法精度处理示例说明
Dec 27 #Javascript
js 处理数组重复元素示例代码
Dec 27 #Javascript
js对table的td进行相同内容合并示例详解
Dec 27 #Javascript
JS弹出层的显示与隐藏示例代码
Dec 27 #Javascript
You might like
PHP 强制性文件下载功能的函数代码(任意文件格式)
2010/05/26 PHP
php正则过滤html标签、空格、换行符的代码(附说明)
2010/10/25 PHP
整理的9个实用的PHP库简介和下载
2010/11/09 PHP
php自动给网址加上链接的方法
2015/06/02 PHP
既简单又安全的PHP验证码 附调用方法
2016/06/02 PHP
Laravel 修改默认日志文件名称和位置的例子
2019/10/17 PHP
JavaScript国旗变换效果代码
2008/08/13 Javascript
jQuery表格插件datatables用法总结
2014/09/05 Javascript
使用jQuery实现返回顶部
2015/01/26 Javascript
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
javascript中caller和callee详解
2015/08/10 Javascript
jQuery短信验证倒计时功能实现方法详解
2016/05/25 Javascript
vue.js初学入门教程(2)
2016/11/07 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
2017/04/21 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
vue完成项目后,打包成静态文件的方法
2018/09/03 Javascript
vue父子组件通信的高级用法示例
2019/08/29 Javascript
Vue中rem与postcss-pxtorem的应用详解
2019/11/20 Javascript
封装Vue Element的table表格组件的示例详解
2020/08/19 Javascript
[16:14]教你分分钟做大人:米拉娜(HEROS)
2014/11/24 DOTA
[02:51]DOTA2 2015国际邀请赛中国区预选赛第一日战报
2015/05/27 DOTA
批处理与python代码混合编程的方法
2016/05/19 Python
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
浅谈Python中的作用域规则和闭包
2018/03/20 Python
Python快速转换numpy数组中Nan和Inf的方法实例说明
2019/02/21 Python
Python3.5局部变量与全局变量作用域实例分析
2019/04/30 Python
基于python3抓取pinpoint应用信息入库
2020/01/08 Python
pytorch中的inference使用实例
2020/02/20 Python
python 进程池pool使用详解
2020/10/15 Python
演讲稿怎么写才完美
2014/01/02 职场文书
职工运动会邀请函
2014/02/02 职场文书
金融学专科生自我鉴定
2014/02/21 职场文书
公司与个人合作协议书
2016/03/19 职场文书
nginx处理http请求实现过程解析
2021/03/31 Servers
php7中停止php-fpm服务的方法详解
2021/05/09 PHP
muduo TcpServer模块源码分析
2022/04/26 Redis