jquery.boxy弹出框(每n秒自动隐藏/自动跳转)
之前写过一些关于Boxy弹出框使用的文章(查看jquery.boxy foundation)。今天解决了一个需求,觉得值得记录,就再写一个。它的主要功能是每n秒后自动隐藏弹出的对话框,然后自动跳转!效果如图:
封装后的代码如下:复制代码如下: //boxy对话框扩展varboxy _ extensions={ options : { title : ' art bar tips ',closeText: 'x'}。//隐藏alertdelayfun :函数(信息、计时器、选项){options=$。扩展(这个。选项,选项| | {})弹出后n秒;new Boxy(' div style=' padding-left :50 px;填充-右侧:50 px;文本对齐:居中;font-size :14 px;' info '/div ',$。extend({ behaviours : function(){ setTimeout(' $(')。“盒子包装”。' hide();',计时器);} },选项));},//弹出后,自动跳转到alertthrefun :函数(info,href,options) {options=$。扩展(这个。选项,选项| | { });new Boxy(' div style=' padding-left :50 px;填充-右侧:50 px;文本对齐:居中;font-size :14 px;' info '/div ',$。extend({ behaviours : function(){ location . href=href;} },选项));}}因为options属性是公共的,所以它会出现,并且每个方法都有自己的选项。如果在调用自己的方法时传递选项,它将通过$与类中的options属性的内容合并。扩展(覆盖键值并扩展新键值)。看来写JS也要遵循面向对象的原则,呵呵!
版权声明:jquery.boxy弹出框(每n秒自动隐藏/自动跳转)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。