jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)


Posted in Javascript onJanuary 15, 2013

对于 Boxy弹出框的使用之前写过一些文章(查看jquery.boxy基础),今天主要是在解决一个需要之后,觉得值得把它记录下来,所以就再写一篇,主要功能是,在弹出对话框后,隔N秒后自动隐藏,还有就是自动跳转!

效果如图
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转) 
而所封装的代码如下

// boxy对话框扩展 
var Boxy_Extensions = { 
options: { 
title: '艺吧提示', 
closeText: 'x' 
}, 
//弹出后N秒后隐藏 
alertDelayFun: function (info, timer, options) { 
options = $.extend(this.options, options || {}); 
new Boxy("<div style='padding-left:50px;padding-right:50px;text-align:center;font-size:14px;'>" + info + "</div>", $.extend({ behaviours: function () { 
setTimeout('$(".boxy-wrapper").hide();', timer); 
} 
}, options)); 
}, 
//弹出后,自动跳转 
alertHrefFun: function (info, href, options) { 
options = $.extend(this.options, options || {}); 
new Boxy("<div style='padding-left:50px;padding-right:50px;text-align:center;font-size:14px;'>" + info + "</div>", $.extend({ behaviours: function () { 
location.href = href; 
} 
}, options)); 
} 
}

因为options属性是公用的,所以把它提了出现,而每个方法有自己的options,如果在调用自己方法时传递了options,通过$.extend会把它

与类中options属性的内容进行合并(覆盖相关键的值,扩展新的键值),看来写JS也应该遵循面向对象的原则呀,呵呵!

Javascript 相关文章推荐
JavaScript全局函数使用简单说明
Mar 11 Javascript
JS对象转换为Jquery对象实现代码
Dec 29 Javascript
javaScript 页面自动加载事件详解
Feb 10 Javascript
Node.js(安装,启动,测试)
Jun 09 Javascript
AngularJS Module方法详解
Dec 08 Javascript
jquery遍历table的tr获取td的值实现方法
May 19 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
vue项目实现记住密码到cookie功能示例(附源码)
Jan 31 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
js this 绑定机制深入详解
Apr 30 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
Jan 15 #Javascript
script的async属性以非阻塞的模式加载脚本
Jan 15 #Javascript
javascript真的不难-回顾一下基础知识
Jan 15 #Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 #Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 #Javascript
使用Post提交时须将空格转换成加号的解释
Jan 14 #Javascript
javascript函数以及基础写法100多条实用整理
Jan 13 #Javascript
You might like
基于mysql的bbs设计(一)
2006/10/09 PHP
使用淘宝IP库获取用户ip地理位置
2013/10/27 PHP
在WordPress的后台中添加顶级菜单和子菜单的函数详解
2016/01/11 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
购物车实现的几种方式优缺点对比
2018/05/02 PHP
详解php伪造Referer请求反盗链资源
2019/01/24 PHP
PHP文件后缀不强制为.php方法
2019/03/31 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
在IE6下发生Internet Explorer cannot open the Internet site错误
2010/06/21 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
2013/06/24 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
2014/04/10 Javascript
jQuery中的pushStack实现原理和应用实例
2015/02/03 Javascript
JavaScript使用addEventListener添加事件监听用法实例
2015/06/01 Javascript
原生js轮播特效
2017/05/18 Javascript
VUE元素的隐藏和显示(v-show指令)
2017/06/23 Javascript
vuex 中插件的编写案例解析
2019/06/10 Javascript
浅析vue-router中params和query的区别
2019/12/24 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
从零学python系列之新版本导入httplib模块报ImportError解决方案
2014/05/23 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
对Python的多进程锁的使用方法详解
2019/02/18 Python
python networkx 根据图的权重画图实现
2019/07/10 Python
python使用celery实现异步任务执行的例子
2019/08/28 Python
python爬虫用mongodb的理由
2020/07/28 Python
CSS3制作酷炫的三维相册效果
2016/07/01 HTML / CSS
数据库面试要点基本概念
2013/10/31 面试题
颁奖典礼主持词
2014/03/25 职场文书
公务员爱岗敬业演讲稿
2014/08/26 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
2015年高三毕业班班主任工作总结
2015/10/22 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
2016年社区文体活动总结
2016/04/06 职场文书
大学生,三分钟即兴演讲稿
2019/07/22 职场文书
修改并编译golang源码的操作步骤
2021/07/25 Golang
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏