学做网站培训课程介绍

当前位置:

如何制作网站右下角弹出广告(附代码)

相信大家都有这样的经历,当我们在打开某一个网站的时候,在电脑屏幕的右下角会弹出来一个小广告窗口。如下图:

网站右下角弹出广告信息

这个是如何制作出来的呢?在我们学做网站过程中,也可能在我们自己的网站中做出这样的效果。

方法/步骤

  1. 在网页的底部</body>标签上方粘贴以下的HTML代码:(相关教程:什么是HTML?
    
    
    <div id="rbbox"><a class="button" onclick="closeBox()">关闭</a><iframe src="https://www.xuewangzhan.net/" frameborder="0" height="200" width="300" scrolling="no"></iframe></div>
  2. 在</body>标签下方,粘贴以下的JS代码:
    
    
    <script language="javascript" type="text/javascript">
    window.onload=function(){showBox();setTimeout("closeBox()",5000)}
    function showBox(o){
    if (o==undefined) o=document.getElementById("rbbox");
    o.style.height=o.clientHeight+2+"px";
    if (o.clientHeight<200) setTimeout(function(){showBox(o)},5);
    }
    function closeBox(){document.getElementById("rbbox").style.display="none";}
    </script>
  3. 在网页头部标签</head>上面粘贴以下的CSS样式代码:
    
    
    <style type="text/css">
    #rbbox{position:absolute;right:0;bottom:0;width:300px;height:0px;overflow:hidden}
    .button{display:inline;float:right;font-size:12px;cursor:pointer}
    </style>
  4. 这样,网站右下角弹出广告效果就制作好了。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 零基础新手要学习网站建设,以下的网站建设教程是零基础新手必须学习的网站制作教程。只有将以下的基础知识学会了,才能为以后建网站打下坚实的基础。
  • 这是一家上海电气公司网站,网站制作时采用传统企业网站制作方法与布局结构。网站顶部使用大尺寸的LOGO,网站导航制作使用全屏宽度菜单,每个菜单项宽
  • 相信大家都有这样的经历,当我们在打开某一个网站的时候,在电脑屏幕的右下角会弹出来一个小广告窗口。如下图:这个是如何制作出来的呢?在我们
  • Ajax BootModal Login 是一个用Bootstrap的modal效果做的弹出式ajax前端注册登录插件,使用该插件,我们可以最简单的在前台添加一个ajax注册登陆按钮
  • 广告投放 广告位招租 图文教程 (18101 次浏览)
    如果大家有一些好的软件,资源,商品等想在网上做宣传,可以与学做网站论坛合作,学做网站论坛广告投放请联系客服QQ:2399118408首页广告位
  • 平时我们在调用优酷上面的视频的时候,视频都是有一个广告时间的,是不是看着特别不爽?如何去除优酷视频广告呢?下面汇总了网上流传的几个方法,
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 学做网站时,经常要修改代码,很多时候需要用到颜色代码,由于太多,不可能都记住,所以找到了一个带有中文颜色名称表示的颜色代码表,以便后期网页设