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 相关文章推荐
JQuery Dialog的内存泄露问题解决方法
Jun 18 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
Sep 01 Javascript
用JavaScript仿PS里的羽化效果代码
Dec 20 Javascript
jQuery对html元素取值与赋值的方法
Nov 20 Javascript
jquery限定文本框只能输入数字即整数和小数
Nov 29 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
windows下vue-cli及webpack搭建安装环境
Apr 25 Javascript
json2.js 入门教程之使用方法与实例分析
Sep 14 Javascript
HTML5开发Kinect体感游戏的实例应用
Sep 18 Javascript
微信小程序日历效果
Dec 29 Javascript
防止Layui form表单重复提交的实现方法
Sep 10 Javascript
Element-ui upload上传文件限制的解决方法
Jan 22 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伪造referer突破网盘禁止外连的代码
2008/06/15 PHP
深入探讨PHP中的内存管理问题
2011/08/31 PHP
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
php判断数组元素中是否存在某个字符串的方法
2014/06/14 PHP
PHP判断字符串长度的两种方法很实用
2015/09/22 PHP
浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑
2019/10/21 PHP
解决php扩展安装不生效问题
2019/10/25 PHP
Js 中debug方式
2010/02/07 Javascript
javascript+iframe 实现无刷新载入整页的代码
2010/03/17 Javascript
jQuery之end()和pushStack()使用介绍
2012/02/07 Javascript
javascript 对象数组根据对象object key的值排序
2015/03/09 Javascript
跟我学习javascript的循环
2015/11/18 Javascript
js获取隐藏元素宽高的实现方法
2016/05/19 Javascript
javascript中replace使用方法总结
2017/03/01 Javascript
详解微信小程序审核不通过的解决方法
2018/01/17 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
2018/06/29 Javascript
使用react render props实现倒计时的示例代码
2018/12/06 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
2020/01/26 Javascript
Python算法应用实战之栈详解
2017/02/04 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
详解将Django部署到Centos7全攻略
2018/09/26 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
python爬虫 基于requests模块的get请求实现详解
2019/08/20 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
Python Selenium 设置元素等待的三种方式
2020/03/18 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
浅谈Python中re.match()和re.search()的使用及区别
2020/04/14 Python
CSS3打造百度贴吧的3D翻牌效果示例
2017/01/04 HTML / CSS
美国在线轮胎零售商:SimpleTire
2019/04/08 全球购物
军训教官感言
2014/03/02 职场文书
党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
2016银行求职自荐信
2016/01/28 职场文书
如何Tomcat中使用ipv6地址
2022/05/06 Servers
Android开发手册Chip监听及ChipGroup监听
2022/06/10 Java/Android
浅谈css清除浮动(clearfix和clear)的用法
2023/05/21 HTML / CSS