对话框/Tips
jQuery可定制订阅注册窗口插件
PetitQ
这是一款在用户阅读文章后弹出的 jQuery 可定制的订阅注册模态窗口插件。该模态窗口插件用于为用户提供快捷的注册实时通讯服务，用户在滚动到文章底部或回滚时弹出一个模态注册实时通讯窗口。注意，该插件在 Chrome, Firefox, Safari 的桌面浏览器和移动合并上测试通过，在 IE 浏览器上没有测试。使用这个模态窗口订阅插件的关键是触发时机。首先，我们使用了 3 个触发时机，页面加载时、滚动到页面底部、在空闲时弹出。然后我们添加一个弹出延时，以使效果更为平滑，最后，添加一个“自动关闭”功能，当用户回滚页面时，模态窗口会自动关闭。
HTML 结构：
在 div.subscribe-me 中的内容将显示在模态窗口中。关闭按钮时可选的。
也想出现在这里？联系我们吧
<body>
..<div class="subscribe-me">
<a href="#close" class="sb-close-btn">x</a>
...</div>
..</body>
当完成了 html 标记，使用下面的 jQuery 代码来调用模态窗口插件：
$(".subscribe-me").subscribeBetter({
trigger: "atendpage",
animation: "fade",
delay: 0,
showOnce: true,
autoClose: false,
scrollableModal: false
});
上面的代码将在用户滚动页面到底部时弹出订阅注册模态窗口。
更多参数：
在实际应用中，下面有一些可用参数可以使用：
trigger：这个参数可以选择订阅注册模态窗口的触发方式。atendpage 将在滚动到页面底部时弹出订阅注册模态窗口。onload 将在页面加载时弹出订阅注册模态窗口。onidle 将在回滚时弹出订阅注册模态窗口。默认值是 atendpage。
animation：该参数可以设置模态窗口的动画类型。可用类型有“fade”, “flyInLeft”, “flyInRight”, “flyInUp” 和 “flyInDown”，默认值为“fade”。
delay：该参数设置弹出模态窗口前的延时时间。单位是毫秒，默认值为 0。
showOnce：设置为 true，则模态窗口在每个页面只显示一次。设置为 false，则在当前页面重复出现模态窗口。默认值为 true。
autoClose：该参数设置在页面回滚时是否关闭模态窗口。true 为关闭，默认值为 false。
scrollableModal：如果你需要在模态窗口中放置一个很长的表单，那么可以设置这个参数为 true，给模态窗口一个滚动条。使用 autoClose 将不再会触发回滚时改变模态窗口。默认值为 false。
更多信息请参考:https://github.com/peachananr/subscribe-better
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
