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的无限级联下拉框js插件
Oct 29 Javascript
javascript中apply和call方法的作用及区别说明
Feb 14 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
Sep 25 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
Jun 21 Javascript
javascript运算符——位运算符全面介绍
Jul 14 Javascript
js学习心得_一个简单的动画库封装tween.js
Jul 14 Javascript
纯js实现隔行变色效果
Nov 29 Javascript
利用npm 安装删除模块的方法
May 15 Javascript
JavaScript算法学习之冒泡排序和选择排序
Nov 02 Javascript
AutoJs实现刷宝短视频的思路详解
May 22 Javascript
使用js和canvas实现时钟效果
Sep 08 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
thinkphp的CURD和查询方式介绍
2013/12/19 PHP
Codeigniter实现处理用户登录验证后的URL跳转
2014/06/12 PHP
Laravel模板引擎Blade中section的一些标签的区别介绍
2015/02/10 PHP
PHP实现获取中英文首字母
2015/06/19 PHP
PHP 实现重载
2021/03/09 PHP
accesskey 提交
2006/06/26 Javascript
jquery 图片预加载 自动等比例缩放插件
2008/12/25 Javascript
理解Javascript_14_函数形式参数与arguments
2010/10/20 Javascript
仿百度的关键词匹配搜索示例
2013/09/25 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
Jquery promise实现一张一张加载图片
2015/11/13 Javascript
JavaScript中闭包之浅析解读(必看篇)
2016/08/25 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
2016/10/15 Javascript
node.js学习之交互式解释器REPL详解
2016/12/08 Javascript
微信端开发--登录小程序步骤
2017/01/11 Javascript
vue2.0使用Sortable.js实现的拖拽功能示例
2017/02/21 Javascript
vue实现动态数据绑定
2017/04/28 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
2017/12/26 Javascript
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
echarts实现词云自定义形状的示例代码
2019/02/20 Javascript
在Web关闭页面时发送Ajax请求的实现方法
2019/03/07 Javascript
基于Express框架使用POST传递Form数据
2019/08/10 Javascript
Vue的属性、方法、生命周期实例代码详解
2019/09/17 Javascript
零基础写python爬虫之爬虫编写全记录
2014/11/06 Python
Python使用minidom读写xml的方法
2015/06/03 Python
Python脚本实现虾米网签到功能
2016/04/12 Python
Python中django学习心得
2017/12/06 Python
python得到windows自启动列表的方法
2018/10/14 Python
了解AppleShare protocol(AppleShare协议)吗
2015/08/28 面试题
家具促销活动方案
2014/02/16 职场文书
教堂婚礼主持词
2014/03/14 职场文书
酒店仓管员岗位职责
2014/04/28 职场文书
雷峰塔导游词
2015/02/09 职场文书
Python中rapidjson参数校验实现
2021/07/25 Python
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫