一个简单的弹出窗口，包含自定义HTML，计时器和“不再显示”功能

Question

我想在我的网站上添加一个弹出式选择表格，我正在寻找合适的代码，所以我不会浪费时间创建一个新代码。那里有大约6万亿，我已经尝试了一些，但他们都没有完成这项工作。

我正在使用WP和JQ，所以我更喜欢任何插件。

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

此外，它需要轻量级，而不是减慢网站速度。

有什么建议吗？

Answer 1

尝试花哨的应用程序....其中一个最酷的

http://fancyapps.com/fancybox/

Answer 2

最后我将Fancybox与jQuery cookie plugin结合使用。

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

需要在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 );
}