网页右下角广告代码
首页 > 技术设计 > 网络建设    作者:呓城   2014年11月17日 18:47 星期一   热度:2970°   百度已收录  
时间:2014-11-17 18:47   热度:2970° 
    • 网页右下角是常用的一种广告方式,这里介绍一种常见的类似于百度联盟右下角图片广告,带关闭。

先准备好两张图片,一张是你想要弹出的图片001.jpg,一张是用来关闭的小图片002.gif

1、把下面代码加到<head>与</head>之间:

<style type="text/css">

img{border:0px;}

#haoetv{position:fixed!important;position:absolute;right:0;bottom:0;top:expression(offsetParent.scrollTop+offsetParent.clientHeight-150);cursor:pointer;}

#close{position:fixed!important;position:absolute;right:0;bottom:0;top:expression(offsetParent.scrollTop+offsetParent.clientHeight-149);cursor:pointer;}

</style>


2、把下面代码加到<body>与</body>之间:

<div id="haoetv" style="width:宽度250px;height:高度200px;z-index:99;text-align:right">

<div><a href="链接地址" target="_blank"><img src="/显示图片路径001.jpg" alt="图片标题"></a></div>

<div id="close" style="z-index:999;float:right;margin:10px 10px 0 0;height:140px;">

<img src="/关闭图片路径002.gif" onClick="this.parentNode.parentNode.style.display='none';">

</div>

</div>


网红百科(baike.zdyrs.com),网红资料、网络流行语、社会事件大百科全书!

呓城呓语,微信公众号(yichengyiyu),呓城的互联网、产品、运营学习总结,生活感悟自留地。  

产品运营

二维码加载中...
本文作者:呓城      文章标题: 网页右下角广告代码
本文地址:http://yicheng.zdyrs.com/wzjs/376.html
版权声明:若无注明,本文皆为“呓城之城”原创,转载请保留文章出处。

返回顶部    首页    芝麻开门  
版权所有:呓城之城    开博时间:2014年1月1日 主题:寒光博客   程序:emlog    鄂ICP备12012714号      sitemap