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 相关文章推荐
javascript事件模型代码
Jul 01 Javascript
js onkeypress与onkeydown 事件区别详细说明
Dec 13 Javascript
不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象
Jan 11 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
Jan 23 Javascript
在javaScript中关于submit和button的区别介绍
Oct 20 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
Feb 04 Javascript
jquery实现多屏多图焦点图切换特效的方法
May 04 Javascript
jQuery无刷新切换主题皮肤实例讲解
Oct 21 Javascript
PHP+jquery+ajax实现分页
Dec 09 Javascript
jquery——九宫格大转盘抽奖实例
Jan 16 Javascript
js实现单元格拖拽效果
Feb 10 Javascript
js闭包的9个使用场景
Dec 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根据身份证号码计算年龄的实例代码
2014/01/18 PHP
php实现基于openssl的加密解密方法
2016/09/30 PHP
Laravel手动返回错误码示例
2019/10/22 PHP
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
jQuery contains过滤器实现精确匹配使用方法
2013/04/12 Javascript
二叉树先序遍历的非递归算法具体实现
2014/01/09 Javascript
javascript正则匹配汉字、数字、字母、下划线
2014/04/10 Javascript
Javascript的严格模式strict mode详细介绍
2014/06/06 Javascript
jQuery遍历json中多个map的方法
2015/02/12 Javascript
javaScript事件学习小结(四)event的公共成员(属性和方法)
2016/06/09 Javascript
BootStrap组件之进度条的基本用法
2017/01/19 Javascript
angular中的http拦截器Interceptors的实现
2017/02/21 Javascript
js实现音乐播放控制条
2017/09/09 Javascript
Vue数据双向绑定原理及简单实现方法
2018/05/18 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
2018/12/10 Javascript
layer弹出层取消遮罩的方法
2019/09/25 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
2019/10/30 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
Python基本数据类型详细介绍
2014/03/11 Python
python中从str中提取元素到list以及将list转换为str的方法
2018/06/26 Python
python变量命名的7条建议
2019/07/04 Python
python 日志模块 日志等级设置失效的解决方案
2020/05/26 Python
python 基于selenium实现鼠标拖拽功能
2020/12/24 Python
H5 meta小结(前端必看篇)
2016/08/24 HTML / CSS
ECCO爱步美国官网:来自丹麦的鞋履品牌
2016/11/23 全球购物
澳大利亚首个在线预订旅游网站:Wotif
2017/07/19 全球购物
Raleigh兰令自行车美国官网:英国凤头牌自行车
2018/01/08 全球购物
伯克斯奥特莱斯:Burkes Outlet
2019/03/30 全球购物
仓库管理专业个人的自我评价
2013/12/30 职场文书
领导接待方案
2014/03/13 职场文书
公司经理聘任书
2014/03/29 职场文书
2015年度党风廉政建设工作情况汇报
2015/01/02 职场文书
北京青年观后感
2015/06/15 职场文书
vue项目中的支付功能实现(微信支付和支付宝支付)
2022/02/18 Vue.js