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 相关文章推荐
cloudgamer出品ImageZoom 图片放大效果
Apr 01 Javascript
IE无法设置短域名下Cookie
Sep 23 Javascript
jquery制作 随机弹跳的小球特效
Feb 01 Javascript
js实现格式化金额,字符,时间的方法
Feb 26 Javascript
jquery马赛克拼接翻转效果代码分享
Aug 24 Javascript
图解Sublime Text3使用技巧
Dec 21 Javascript
使用jquery提交form表单并自定义action的方法
May 25 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
Nov 04 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
Nov 21 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
详解vue+vueRouter+webpack的简单实例
Jun 17 Javascript
使用Vue实现简单计算器
Feb 25 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
第十节--抽象方法和抽象类
2006/11/16 PHP
PHP与SQL注入攻击防范小技巧
2011/09/16 PHP
win7下memCache的安装过程(具体操作步骤)
2013/06/28 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
PHP+MySQL实现无极限分类栏目的方法
2015/12/23 PHP
PHP使用imagick扩展实现合并图像的方法
2017/04/25 PHP
原型方法的不同写法居然会影响调试的解决方法
2007/03/08 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
判断滚动条到底部的JS代码
2013/11/04 Javascript
javascript版2048小游戏
2015/03/18 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
2015/04/15 Javascript
JavaScript实现点击自动选择TextArea文本的方法
2015/07/02 Javascript
JavaScript函数的调用以及参数传递
2015/10/21 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
2015/10/26 Javascript
JavaScript必知必会(三) String .的方法来自何方
2016/06/08 Javascript
js滚轮事件兼容性问题需要注意哪些
2016/11/15 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
jquery实现折叠菜单效果【推荐】
2017/03/08 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
2018/09/25 Javascript
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
python使用SMTP发送qq或sina邮件
2017/10/21 Python
在pytorch中动态调整优化器的学习率方式
2020/06/24 Python
python对 MySQL 数据库进行增删改查的脚本
2020/10/22 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
Python Process创建进程的2种方法详解
2021/01/25 Python
Python实现京东抢秒杀功能
2021/01/25 Python
故宫英文导游词
2015/01/31 职场文书
毕业设计答辩开场白
2015/05/29 职场文书
小学家长意见怎么写
2015/06/03 职场文书
毕业证明模板
2015/06/19 职场文书
教你如何使用Python Tkinter库制作记事本
2021/06/10 Python
MySQL 数据恢复的多种方法汇总
2021/06/21 MySQL
Python软件包安装的三种常见方法
2022/07/07 Python