jquery - 带有自定义 HTML、计时器和“不再显示”功能的简单弹出窗口

Question

我想在我的网站上弹出一个选择加入表单，我正在寻找正确的代码，这样我就不会浪费时间创建一个新的。那里大约有 6 万亿，我尝试了一些，但没有一个能完成这项工作。

我正在使用 WP 和 JQ，所以我更喜欢其中任何一个的插件。

我想使用我自己的 HTML 代码，我希望它在 X 秒后以褪色背景弹出。我还需要它来设置 cookie，以便用户可以一劳永逸地禁用它。如果不是这样，那么它应该只能在每个会话中显示一次。

此外，它需要是轻量级的，并且不会减慢网站的速度。

有什么建议么？

Answer 1

尝试花哨的应用程序......最酷的应用程序之一

http://fancyapps.com/fancybox/

Answer 2

最后我使用了 Fancybox 和jQuery cookie 插件。

这是我用于延迟 10 秒弹出窗口的代码。用户关闭表单后，它不会再显示一周。

此代码需要在 document.ready 上调用

$('.cp-popup').fancybox( {
    scrolling: 'no',
    afterClose: function(){ $.cookie( 'formClosed', 1, { expires: 7 } ); }
} );

var visited = $.cookie( 'formClosed' );
if ( !visited )
       showForm();  

这可以在脚本中的任何位置。

function showForm() {
    setTimeout( function() { $( '.cp-popup' ).trigger( 'click' ); }, 10000 );
}