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 图片Silhouette Fadeins渐显效果
Feb 07 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
Jul 12 Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
jquery操作对象数组元素方法详解
Nov 26 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 Javascript
Easyui form combobox省市区三级联动
Jan 13 Javascript
windows下vue-cli导入bootstrap样式
Apr 25 Javascript
利用types增强vscode中js代码提示功能详解
Jul 07 Javascript
想用好React的你必须要知道的一些事情
Jul 24 Javascript
利用nginx + node在阿里云部署https的步骤详解
Dec 19 Javascript
vue实现树形菜单效果
Mar 19 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 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 引用(&)详解
2009/11/20 PHP
php 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法
2011/12/19 PHP
使用JSON实现数据的跨域传输的php代码
2011/12/20 PHP
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
PHP curl实现抓取302跳转后页面的示例
2014/07/04 PHP
浅析php创建者模式
2014/11/25 PHP
php 在线导入mysql大数据程序
2015/06/11 PHP
纯php生成随机密码
2015/10/30 PHP
Json_decode 解析json字符串为NULL的解决方法(必看)
2017/02/17 PHP
新浪的图片新闻效果
2007/01/13 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
jQuery实现鼠标可拖动调整表格列宽度
2014/05/26 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
2014/12/31 Javascript
JavaScript中string转换成number介绍
2014/12/31 Javascript
深入理解jquery中的事件与动画
2016/05/24 Javascript
js判断文件格式及大小的简单实例(必看)
2016/10/11 Javascript
利用js的闭包原理做对象封装及调用方法
2017/04/07 Javascript
原生js实现仿window10系统日历效果的实例
2017/10/31 Javascript
js实现通过开始结束控制的计时器
2019/02/25 Javascript
微信小程序实现带参数的分享功能(两种方法)
2019/05/17 Javascript
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
JavaScript中layim之整合右键菜单的示例代码
2021/02/06 Javascript
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
Python编程修改MP3文件名称的方法
2017/04/19 Python
django 将model转换为字典的方法示例
2018/10/16 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
pycharm如何使用anaconda中的各种包(操作步骤)
2020/07/31 Python
JDK安装目录下有哪些内容
2014/08/25 面试题
绩效专员岗位职责
2013/12/02 职场文书
数控专业个人求职信范文
2014/02/05 职场文书
奥巴马当选演讲稿
2014/09/10 职场文书
2015年节能减排工作总结
2015/05/14 职场文书
pandas:get_dummies()与pd.factorize()的用法及区别说明
2021/05/21 Python
Redis性能监控的实现
2021/07/09 Redis
Vite + React从零开始搭建一个开源组件库
2022/06/25 Javascript