添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 漂浮 | 广告 >

jQuery缓慢弹出广告层网页特效

时间:2013-11-17      来源:互联网     
特效说明:
一款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%。
相关特效
  • jQuery弹窗广告一天弹一次

    jQuery弹窗广告一天弹一次

    一款jQuery弹窗广告一天弹一次网页广告代码,该JS特效基于jquery.cookie.js插件实现弹窗点击关闭后一天弹一次效果。……
    2015-07-31
  • 网页右上角可关闭动画广告特效

    网页右上角可关闭动画广告特效

    一款网页右上角可关闭动画广告网页特效,动画广告,不影响网页内容,而且用户关注度高,网站上很多叫做撕页广告或者翻页广告,也可以叫书角广告。……
    2014-11-20
  • jQuery+css带阴影的撕页广告效果

    jQuery+css带阴影的撕页广告效果

    一款jQuery+css带阴影的撕页广告效果网页特效,这种效果常被应用在网页广告中,不影响网页内容,而且用户关注度高,网站上很多叫做撕页广告或者翻页广告,也可以叫书角广告。。……
    2014-11-19

最新更新特效

设计分享