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 继承机制实例
Aug 12 Javascript
ajax 缓存 问题 requestheader
Aug 01 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 Javascript
jquery如何获取复选框的值
Dec 12 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
详解webpack2+React 实例demo
Sep 11 Javascript
Three.js中矩阵和向量的使用教程
Mar 19 Javascript
微信小程序页面调用自定义组件内的事件详解
Sep 12 Javascript
Vue实现点击箭头上下移动效果
Jun 11 Javascript
Javascript 模拟mvc实现点餐程序案例详解
Dec 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
如何在symfony中导出为CSV文件中的数据
2011/10/06 PHP
PHP图片上传代码
2013/11/04 PHP
浅谈php安全性需要注意的几点事项
2014/07/17 PHP
JS实现打开本地文件或文件夹
2021/03/09 Javascript
js文件中调用js的实现方法小结
2009/10/23 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
2014/03/05 Javascript
JavaScript中定义函数的三种方法
2015/03/12 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
Angular 路由route实例代码
2016/07/12 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
2016/10/10 Javascript
axios学习教程全攻略
2017/03/26 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
nodejs 终端打印进度条实例代码
2017/04/22 NodeJs
使用jQuery.Pin垂直滚动时固定导航
2017/05/24 jQuery
React Native 搭建开发环境的方法步骤
2017/10/30 Javascript
原生js实现form表单序列化的方法
2018/08/02 Javascript
对angularJs中自定义指令replace的属性详解
2018/10/09 Javascript
webpack 静态资源集中输出的方法示例
2018/11/09 Javascript
记录一次完整的react hooks实践
2019/03/11 Javascript
vue组件中传值EventBus的使用及注意事项说明
2020/11/16 Javascript
Python原始字符串(raw strings)用法实例
2014/10/13 Python
Python解析nginx日志文件
2015/05/11 Python
python中PIL安装简单教程
2016/04/21 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
python实现的多线程端口扫描功能示例
2017/01/21 Python
如何通过Python实现标签云算法
2019/07/02 Python
基于Python的图像数据增强Data Augmentation解析
2019/08/13 Python
Python 实现简单的客户端认证
2020/07/29 Python
python各种excel写入方式的速度对比
2020/11/10 Python
ASP.NET中的身份验证有那些
2012/07/13 面试题
大学生家政服务项目创业计划书
2014/01/30 职场文书
干部考核评语
2014/04/29 职场文书
读书之星事迹材料
2014/05/12 职场文书
演讲稿格式范文
2014/05/19 职场文书
《莫泊桑拜师》教学反思
2016/02/22 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书