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常用函数 不错
Sep 08 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 Javascript
JavaScript中操作Mysql数据库实例
Apr 02 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
javascript使用Promise对象实现异步编程
Mar 01 Javascript
jquery拼接ajax 的json和字符串拼接的方法
Mar 11 Javascript
Vue.js 插件开发详解
Mar 29 Javascript
JS正则表达式完美实现身份证校验功能
Oct 18 Javascript
详解小程序rich-text对富文本支持方案
Nov 28 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
Apr 29 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 Vue.js
vue 把二维或多维数组转一维数组
Apr 24 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使用星号隐藏用户名,手机和邮箱的实现方法
2016/09/22 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
PHP微商城开源代码实例
2019/03/27 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
js读取json的两种常用方法示例介绍
2014/10/19 Javascript
NodeJS中Buffer模块详解
2015/01/07 NodeJs
JQuery中clone方法复制节点
2015/05/18 Javascript
使用AngularJS实现可伸缩的页面切换的方法
2015/06/19 Javascript
jQuery图片轮播插件——前端开发必看
2016/05/31 Javascript
layer弹出层显示在top顶层的方法
2019/09/11 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
2020/10/29 Javascript
将pandas.dataframe的数据写入到文件中的方法
2018/12/07 Python
Python基础之列表常见操作经典实例详解
2020/02/26 Python
python如何提取英语pdf内容并翻译
2020/03/03 Python
python实现udp聊天窗口
2020/03/31 Python
django中嵌套的try-except实例
2020/05/21 Python
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
连卡佛中国官网:Lane Crawford中文站
2018/01/27 全球购物
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
西班牙床垫网上商店:Colchones.es
2018/05/06 全球购物
Java如何格式化日期
2012/08/07 面试题
写一个函数返回1+2+3+…+n的值(假定结果不会超过长整型变量的范围)
2014/09/05 面试题
临床医学应届生求职信
2013/11/06 职场文书
园林设计师自荐信
2013/11/18 职场文书
给女儿的表扬信
2014/01/18 职场文书
幼儿园清明节活动总结
2014/07/04 职场文书
个人授权委托书范文
2014/09/21 职场文书
科学育儿宣传标语
2014/10/08 职场文书
2014年销售内勤工作总结
2014/12/01 职场文书
2014年劳动部工作总结
2014/12/11 职场文书
2015年人事工作总结范文
2015/04/09 职场文书
婚礼领导致辞大全
2015/07/28 职场文书
2016党员干部反腐倡廉心得体会
2016/01/13 职场文书
2017元旦晚会开幕词
2016/03/03 职场文书
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA