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 浏览器检测代码精简版
Mar 04 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
Nov 15 Javascript
javascript实现json页面分页实例代码
Feb 20 Javascript
JavaScript实现算术平方根算法-代码超简单
Sep 11 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
Mar 17 Javascript
jQuery插件datatables使用教程
Apr 21 Javascript
Bootstrap每天必学之弹出框(Popover)插件
Apr 25 Javascript
在javascript中使用com组件的简单实现方法
Aug 17 Javascript
用js制作淘宝放大镜效果
Oct 28 Javascript
JSON与JS对象的区别与对比
Mar 01 Javascript
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
vue 项目@change多个参数传值多个事件的操作
Jan 29 Vue.js
可插入图片的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/02/22 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
在Mac OS上搭建PHP的Yii框架及相关测试环境
2016/02/14 PHP
PHP实现一维数组与二维数组去重功能示例
2018/05/24 PHP
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
Javascript 设计模式(二) 闭包
2010/05/26 Javascript
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
$.format,jquery.format 使用说明
2011/07/13 Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
js中如何把字符串转化为对象、数组示例代码
2013/07/17 Javascript
22点关于jquery性能优化的建议
2014/05/28 Javascript
Javascript中的包装类型介绍
2015/04/02 Javascript
学习Javascript面向对象编程之封装
2016/02/23 Javascript
基于 Node.js 实现前后端分离
2016/04/23 Javascript
易被忽视的js事件问题总结
2016/05/14 Javascript
学习使用bootstrap的modal和carousel
2016/12/09 Javascript
JavaScript实现一个空中避难的小游戏
2017/06/06 Javascript
webpack构建vue项目的详细教程(配置篇)
2017/07/17 Javascript
详解JavaScript 中 if / if...else...替换方式
2018/07/15 Javascript
node.js express框架简介与实现
2019/07/23 Javascript
原生js实现日历效果
2020/03/02 Javascript
python实现屏保计时器的示例代码
2018/08/08 Python
老生常谈python中的重载
2018/11/11 Python
Python二叉树的遍历操作示例【前序遍历,中序遍历,后序遍历,层序遍历】
2018/12/24 Python
python实现对输入的密文加密
2019/03/20 Python
把JSON数据格式转换为Python的类对象方法详解(两种方法)
2019/06/04 Python
Pytorch 实现冻结指定卷积层的参数
2020/01/06 Python
基于TensorFlow中自定义梯度的2种方式
2020/02/04 Python
python从Oracle读取数据生成图表
2020/10/14 Python
管理部副部长岗位职责范文
2014/03/09 职场文书
销售总经理岗位职责
2014/03/15 职场文书
竞选团支书演讲稿
2014/04/28 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
2014年党委工作总结
2014/11/22 职场文书