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重建星际争霸
Dec 22 Javascript
Div自动滚动到末尾的代码
Oct 26 Javascript
jQuery对象和DOM对象使用说明
Jun 25 Javascript
jquery移除button的inline onclick事件(已测试及兼容浏览器)
Jan 25 Javascript
Javascript call和apply区别及使用方法
Nov 14 Javascript
Js 去掉字符串中的空格(实现代码)
Nov 19 Javascript
JS实现适合于后台使用的动画折叠菜单效果
Sep 21 Javascript
微信小程序 chooseImage选择图片或者拍照
Apr 07 Javascript
微信小程序实现YDUI的ScrollNav组件
Feb 02 Javascript
详解使用VueJS开发项目中的兼容问题
Aug 02 Javascript
详解JavaScript 浮点数运算的精度问题
Jul 23 Javascript
vue点击标签切换选中及互相排斥操作
Jul 17 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
叫你如何修改Nginx与PHP的文件上传大小限制
2014/09/10 PHP
php编程每天必学之表单验证
2016/03/01 PHP
关于 Laravel Redis 多个进程同时取队列问题详解
2017/12/25 PHP
PHP排序算法之基数排序(Radix Sort)实例详解
2018/04/21 PHP
微信公众平台开发教程⑤ 微信扫码支付模式介绍
2019/04/10 PHP
jquery tools 系列 scrollable(2)
2009/09/06 Javascript
利用Jquery实现可多选的下拉框
2014/02/21 Javascript
javascript实现禁止鼠标滚轮事件
2015/07/24 Javascript
javascript中eval解析JSON字符串
2016/02/27 Javascript
两种js监听滚轮事件的实现方法
2016/05/13 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
微信小程序 图片加载(本地,网路)实例详解
2017/03/10 Javascript
jquery实现图片轮播器
2017/05/23 jQuery
Vue2.0 从零开始_环境搭建操作步骤
2017/06/14 Javascript
基于AngularJS实现的工资计算器实例
2017/06/16 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
2020/07/24 Javascript
python通过shutil实现快速文件复制的方法
2015/03/14 Python
Python的地形三维可视化Matplotlib和gdal使用实例
2017/12/09 Python
深入了解Python中pop和remove的使用方法
2018/01/09 Python
Python读写/追加excel文件Demo分享
2018/05/03 Python
Python 带有参数的装饰器实例代码详解
2018/12/06 Python
详解如何在Apache中运行Python WSGI应用
2019/01/02 Python
python实现图像拼接功能
2020/03/23 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
如何基于python把文字图片写入word文档
2020/07/31 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
html5记忆翻牌游戏实现思路及代码
2013/07/25 HTML / CSS
利用HTML5中的Canvas绘制一张笑脸的教程
2015/05/07 HTML / CSS
售后服务科岗位职责范文
2013/11/13 职场文书
记者岗位职责
2014/01/06 职场文书
《北京的春节》教学反思
2014/04/07 职场文书
处世之道:关于真诚相待的名言推荐
2019/12/02 职场文书
Java 超详细讲解设计模式之中的抽象工厂模式
2022/03/25 Java/Android