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继承之为什么要继承
Nov 10 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
Dec 19 Javascript
jquery中show()、hide()和toggle()用法实例
Jan 15 Javascript
jQuery实现锚点scoll效果实例分析
Mar 10 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 Javascript
手机端转换rem适应
Apr 01 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
May 05 Javascript
jQuery复合事件结合toggle()方法的用法示例
Jun 10 jQuery
VUE前端cookie简单操作
Oct 17 Javascript
原生js封装的ajax方法示例
Aug 02 Javascript
如何测量vue应用运行时的性能
Jun 21 Javascript
通过实例了解JS执行上下文运行原理
Jun 17 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 array_map array_multisort 高效处理多维数组排序
2009/06/11 PHP
POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)
2010/10/12 PHP
thinkphp3.0 模板中函数的使用
2012/11/13 PHP
php缓冲 output_buffering和ob_start使用介绍
2014/01/30 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
PHP创建对象的六种方式实例总结
2019/06/27 PHP
php实现JWT(json web token)鉴权实例详解
2019/11/05 PHP
网页里控制图片大小的相关代码
2006/06/13 Javascript
使用js操作cookie的一点小收获分享
2013/09/03 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
2016/04/26 Javascript
喜大普奔!jQuery发布 3.0 最终版
2016/06/12 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
2016/10/21 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
JS简单实现点击按钮或文字显示遮罩层的方法
2017/04/27 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
jQuery实现的点击图片居中放大缩小功能示例
2019/01/16 jQuery
ES6新增的数组知识实例小结
2020/05/23 Javascript
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
[01:56]林书豪DOTA2上海特级锦标赛励志短片
2016/03/05 DOTA
Python实现类继承实例
2014/07/04 Python
centos 下面安装python2.7 +pip +mysqld
2014/11/18 Python
Python pycharm 同时加载多个项目的方法
2019/01/17 Python
python解析xml简单示例
2019/06/21 Python
详解pandas数据合并与重塑(pd.concat篇)
2019/07/09 Python
在macOS上搭建python环境的实现方法
2019/08/13 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
房地产销售计划书
2014/01/10 职场文书
动员大会主持词
2014/03/20 职场文书
《沙漠中的绿洲》教学反思
2014/04/24 职场文书
教师自查自纠材料
2014/10/14 职场文书
小爸爸观后感
2015/06/15 职场文书
CSS3 实现的图片悬停的切换按钮
2021/04/13 HTML / CSS