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 相关文章推荐
IE7提供XMLHttpRequest对象为兼容
Mar 08 Javascript
Dom在ajax技术中的作用说明
Oct 25 Javascript
jQuery操作 input type=checkbox的实现代码
Jun 14 Javascript
JS 打印功能代码可实现打印预览、打印设置等
Oct 31 Javascript
jquery实现点击页面计算点击次数
Jan 23 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
Sep 09 Javascript
bootstrap实现二级下拉菜单效果
Nov 23 Javascript
使用vuex的state状态对象的5种方式
Apr 19 Javascript
vue组件横向树实现代码
Aug 02 Javascript
js中call()和apply()改变指针问题的讲解
Jan 17 Javascript
layui点击弹框页面 表单请求的方法
Sep 21 Javascript
适合后台管理系统开发的12个前端框架(小结)
Jun 29 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 8小时时间差的解决方法小结
2009/12/22 PHP
在MongoDB中模拟Auto Increment的php代码
2011/03/06 PHP
提示Trying to clone an uncloneable object of class Imagic的解决
2011/10/27 PHP
深入PHP数据缓存的使用说明
2013/05/10 PHP
探讨:如何通过stats命令分析Memcached的内部状态
2013/06/14 PHP
php打开文件fopen函数的使用说明
2013/07/05 PHP
扩展jquery实现客户端表格的分页、排序功能代码
2011/03/16 Javascript
jsp+javascript打造级连菜单的实例代码
2013/06/14 Javascript
js修改原型的属性使用介绍
2014/01/26 Javascript
JavaScript中双叹号(!!)作用示例介绍
2014/04/10 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
2014/06/23 Javascript
js实现分享到随页面滚动而滑动效果的方法
2015/04/10 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
layui文件上传实现代码
2017/05/20 Javascript
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
nodejs实现爬取网站图片功能
2017/12/14 NodeJs
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
JavaScript数组方法的错误使用例子
2018/09/13 Javascript
js实现导航跟随效果
2018/11/17 Javascript
Python实现读取Properties配置文件的方法
2018/03/29 Python
python可视化实现代码
2019/01/15 Python
Python通过递归获取目录下指定文件代码实例
2019/11/07 Python
python+Selenium自动化测试——输入,点击操作
2020/03/06 Python
Python爬虫爬取、解析数据操作示例
2020/03/27 Python
python中逻辑与或(and、or)和按位与或异或(&、|、^)区别
2020/08/05 Python
Python进行特征提取的示例代码
2020/10/15 Python
英国时尚优质的女装:Hope Fashion
2018/08/14 全球购物
Tomcat Mysql datasource数据源配置
2015/12/28 面试题
Linux Interview Questions For software testers
2013/05/17 面试题
自考毕业自我鉴定范文
2013/10/27 职场文书
工作自我评价怎么写
2014/01/29 职场文书
竞争与合作演讲稿
2014/05/12 职场文书
年终工作总结范文2014
2014/11/27 职场文书
2015年乡镇民政工作总结
2015/05/13 职场文书
微信搭讪开场白
2015/05/28 职场文书
党支部评议意见
2015/06/02 职场文书