演示图:

特效说明:

一款jQuery缓慢弹出广告层网页特效,打开网页从页面顶部缓慢滑下网页广告、带关闭按钮关闭广告。网页通知公告、弹出广告、弹出客服特效应用,兼容性高。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)

使用方法:

1、调用CSS样式:
<link rel=”stylesheet” href=”css/style.css” />

2、调用jQuery插件:
<script src=”js/jquery-1.4.1.js” type=”text/javascript”></script>

3、调用HTML代码:
<!–效果html开始–>……<!–效果html结束–>之间的代码拷贝到<body></body>之间任意位置。

4、JS动画代码:
<script type=”text/javascript”>
$(document).ready(function(){
$(“.advbox”).show();
$(“.advbox”).animate({top:360},1000);
$(“.closebtn”).click(function(){
$(“.advbox”).fadeOut(500);
})
})
</script>
其中1000表示1秒,如果需要3s广告下滑下来则修改为3000;
如果需要广告停留在页面正中央位置则将360修改为50%。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。