jQuery网页顶部广告

jQuery网页顶部广告

分享一个网页中常用的网页头部广告,本文要做的jQuery特效是:先出来大的广告banner,3秒后隐藏,显示小广告banner。

淘建站为您提供更多_图片代码_广告_顶部_广告,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 359 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:图片代码 > 广告 难易程度:初级

首先我们在页面上放置一个大广告banner和小banner

<div class="ads_top" id="bigbanner"><img src="images/bigbanner.jpg"/><a class="btn_close" onclick="slideTopBanner()"></a></div>
        <div class="ads_top" id="smallbanner"><img src="images/smallbanner.jpg"/></div>

jQuery

$(function() {
    $("#bigbanner").slideDown(800);//显示大的广告banner
    setTimeout("slideTopBanner()", 3000);//3秒后隐藏大的广告,并且显示小广告
})
function slideTopBanner() {
    $("#bigbanner").slideUp(800, function() {
        $("#smallbanner").slideDown(500);
    });
}

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/449.html
jQuery网页顶部广告 希望对你有帮助,感谢您的支持!
  • jquery悬浮带返回顶部在线客服

    jquery悬浮带返回顶部在线客服

  • 微信二维码与网站客服以及返回顶部jquery代码

    微信二维码与网站客服以及返回顶部jquery代码

  • jQuery仿威锋商城网站右侧悬浮层返回顶部代码

    jQuery仿威锋商城网站右侧悬浮层返回顶部代码

  • jQuery广告banner轮播效果

    jQuery广告banner轮播效果

  • jQuery+cookie仿苏宁每天首页出现广告弹出层

    jQuery+cookie仿苏宁每天首页出现广告弹出层

  • jQuery网页底部阴影浮动层文字滚动

    jQuery网页底部阴影浮动层文字滚动

  • jquery顶部带弹簧效果弹出层点击click事件文本弹跳框

    jquery顶部带弹簧效果弹出层点击click事件文本弹跳框

  • jquery 表格插件表头标题固定在顶部表格内容拖动显示

    jquery 表格插件表头标题固定在顶部表格内容拖动显示

  • jQuery网页右侧浮动带二维码返回顶部效果

    jQuery网页右侧浮动带二维码返回顶部效果

  • 一键返回顶部

    一键返回顶部

  • jQuery仿淘宝橱窗位广告图片选项卡代码

    jQuery仿淘宝橱窗位广告图片选项卡代码

  • jQuery css3右悬浮带二维码的返回顶部代码

    jQuery css3右悬浮带二维码的返回顶部代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2