这使用fancybox.js和jquery.cookie.js创造我们的商店通讯弹出窗口,设置一个cookie在两周内
<!-- Newsletter HTML -->
<a id="signup" href="#newsletter-popup"></a><!-- a tag to trigger fancybox click -->
<div id="newsletter-popup"><!-- newsletter div -->
<div id="newsletter-popup-wrap">
<div id="newsletter-popup-content">
<h1>Join the Mailing List!</h1>
<div class="BlockContent">
<form>
<input type="email" onclick="this.value='';" value="E-mail Address">
<input type="submit" value="%%LNG_Submit%%" class="Button" name="Submit">
</form>
</div>
<span>Receive exclusive offers! </span>
</div><!-- end content -->
</div><!-- end wrap -->
</div><!-- end newsletter div -->
<!-- Newsletter JS -->
<script type="text/javascript">
$(document).ready(function() {
//Check for recent cookie
//if cookie, don't show popup
var visited = $.cookie('visited');
if (visited == 'yes') {
return false;
} else {
//show popup
$("#signup").fancybox({'overlayShow':true,frameWidth:621,frameHeight:524,padding:2,'hideOnContentClick':false}).trigger('click');
}
//and set a cookie with expiration some number of days in the future
$.cookie('visited', 'yes', { expires: 14 });
});
</script>
滑动盒(旋转木马)在主页上是到期flexslider:http://www.woothemes.com/flexslider/
来源
2013-06-07 19:19:51
Jan