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 相关文章推荐
js如何取消事件冒泡
Sep 23 Javascript
JS 使用for循环遍历子节点查找元素
Sep 06 Javascript
JavaScript的函数式编程基础指南
Mar 19 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
Jul 04 Javascript
Javascript的比较汇总
Jul 25 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
Sep 08 Javascript
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
Oct 10 Javascript
React Component存在的几种形式详解
Nov 06 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
Feb 20 Javascript
JavaScript:ES2019 的新特性(译)
Aug 08 Javascript
如何利用JS将手机号中间四位变成*号
Sep 29 Javascript
利用promise及参数解构封装ajax请求的方法
Mar 24 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与javascript对多项选择的处理
2006/10/09 PHP
解析用PHP读写音频文件信息的详解(支持WMA和MP3)
2013/05/10 PHP
thinkphp文件处理类Dir.class.php的用法分析
2014/12/08 PHP
php中fsockopen用法实例
2015/01/05 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
学习PHP Cookie处理函数
2016/08/09 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
PHP项目多语言配置平台实现过程解析
2020/05/18 PHP
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
JS动态增加删除UL节点LI及相关内容示例
2014/05/21 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
正则表达式(语法篇推荐)
2016/06/24 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
Form表单上传文件(type="file")的使用
2017/08/03 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
2017/08/22 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
2018/07/24 Javascript
nodejs中request库使用HTTPS代理的方法
2019/04/30 NodeJs
vue中使用vue-pdf的方法详解
2020/09/05 Javascript
Python实现把utf-8格式的文件转换成gbk格式的文件
2015/01/22 Python
对python的unittest架构公共参数token提取方法详解
2018/12/17 Python
Python基于聚类算法实现密度聚类(DBSCAN)计算【测试可用】
2018/12/26 Python
Django框架验证码用法实例分析
2019/05/10 Python
python 监控logcat关键字功能
2020/09/04 Python
Scrapy基于scrapy_redis实现分布式爬虫部署的示例
2020/09/29 Python
Scrapy爬虫文件批量运行的实现
2020/09/30 Python
html5应用缓存_动力节点Java学院整理
2017/07/13 HTML / CSS
中国高端家电购物商城:顺电
2018/03/04 全球购物
澳大利亚最受欢迎的超级商场每日优惠:Catch
2020/11/17 全球购物
《金钱的魔力》教学反思
2014/02/24 职场文书
求职信名称怎么写
2014/05/26 职场文书
社会实践的活动方案
2014/08/22 职场文书
小学班级特色活动方案
2014/08/31 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
SSM项目使用拦截器实现登录验证功能
2022/01/22 Java/Android