css实现的对联广告代码

css 代码


代码如下:

.couplet_ad
/* 底部固定*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index:99999; margin-top:158px;}
* html .couplet_ad
/* IE6 底部固定*/{_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));}
.couplet_ad a{ display:block; cursor:pointer;}
#ad_left{ left: 0px;}
#ad_right{ right: 0px;}

html代码(下代码直接放到html中即可)
对联广告左边


代码如下:

<div class="couplet_ad" id="ad_left">
<a target="_blank" href=""><img src="dl.jpg"></a>
<a onClick="ad_left();">关闭</a>
</div>

对联广告右边


代码如下:

<div class="couplet_ad" id="ad_right">
<a target="_blank" href=""><img src="dl.jpg"></a>
<a  onClick="ad_right();">关闭</a>
</div>

这个js是关闭按钮代码


代码如下:

<script language="javascript">
function ad_left(){
document.getElementById('ad_left').style.display="none";
}
function ad_right(){
document.getElementById('ad_right').style.display="none";
}
</script>

赞 (0)

相关推荐

  • 对联广告js flash激活

    ad.js 复制代码 代码如下: var delta=0.08     var collection;     function floaters() {         this.items    = [];         this.addItem    = function(id,x,y,content)                   {                     document.write('<DIV id='+id+' style="Z-INDEX: 10;

  • Flash对联广告的关闭按钮讨论

    页面两边对称的对联式Flash广告很常见,我们今天姑且不谈如何制作对联广告,主要讲一下Flash广告里的小"×"(关闭按扭)的代码,以及它和外部网页环境的接合.这个关闭按扭的制作也是有一点学问的. 具体步骤如下: 画一个小"×"的关闭按扭的图形,这应该不难吧?全部选中后,按下F8键转化成一个"按扭"组件,点击选中这个小按扭后,按下F9键打开动作面板,添加以下代码: 以下为程序代码:on (release){ getURL("FSComm

  • 对联广告 flash版

    var delta=0.15 var collection; function floaters() { this.items = []; this.addItem = function(id,x,y,content) { document.write(''+content+''); var newItem = {}; newItem.object = document.getElementById(id); newItem.x = x; newItem.y = y; this.items[th

  • w3c声明下可运行 兼容性比较好的js对联广告集合

    w3c声明下可运行 兼容性比较好的js对联广告集合

    最后我们给出合适的代码:核心代码: 复制代码 代码如下: lastScrollY=0; function heartBeat(){ var diffY; if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop el

  • 符合标准的js对联广告

    符合标准的js对联广告

    测试ie6,firefox1.5可以显示 符合标准的正常工作的对联广告 lastScrollY=0; function heartBeat(){ var diffY; if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrol

  • 对联广告

    对联广告 - 51windows.Net 页面区域 关闭 ' var AdContentHtml = ' 广告内容 '; document.write (' '+ClosebuttonHtml+' '+AdContentHtml+' '); document.write (' '+ClosebuttonHtml+' '+AdContentHtml+' '); function scall(){ if(!showad){return;} if (window.screen.width [Ctrl+

  • js 对联广告、漂浮广告封装类（IE,FF,Opera,Safari,Chrome

    /* 对联广告调用 第一个参数为ID,第二个参数图片,第三个参数广告距离顶部的距离, 第四个参数表示左右(true代表左,false代表右),第五个参数对联广告的宽度 */ new float_ad("ad_l","<img src='/System/uploads/allimg/090504/2346400.gif' />",50,true,64); new float_ad("ad_r","<img src='/S

  • 对联广告 可关闭

    对联广告 可关闭

    网上收集的对联广告,这个是最好的了,网上的东西多但错误的也很多 大家好啊 //固漂广告 var delta=0.15; var collection; var closeB=false; function floaters() { this.items = []; this.addItem = function(id,x,y,content) { document.write(''+content+''); var newItem = {}; newItem.object = document.

  • [对联广告] JS脚本类

    //**************************************************************************************** //& 作者: 哇哇鱼 //& 日期: 2004年12月31日 //& 网站: http://www.13smile.com/ //& Blog: http://blog.csdn.net/bpfish //& 名称: [对联广告] JS脚本类 //& 作用: 显示页面的对联广告

  • css实现的对联广告代码

    css 代码 复制代码 代码如下: .couplet_ad/* 底部固定*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index:99999; margin-top:158px;}* html .couplet_ad/* IE6 底部固定*/{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scro

  • JS实现很实用的对联广告代码（可自适应高度）

    JS实现很实用的对联广告代码（可自适应高度）

    本文实例讲述了JS实现很实用的对联广告代码(可自适应高度).分享给大家供大家参考.具体如下: 这是一款很实用的基于JS+CSS+DIV的网页对联广告代码,自适应网页高度,也就是始终保持在一定调试,这款暂时没有关闭功能. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-lr-useful-adv-auto-height-codes/ 具体代码如下: <html> <head> <meta http-equiv="

  • js 左右悬浮对联广告代码示例

    一段js 左右悬浮广告代码,只要修改广告图片地址与连接地址,相应参数根据页面调整下就可以使用这段左右悬浮广告代码了 代码: var delta=0.15 var collection; function floaters() { this.items = ; this.addItem = function(id,x,y,content) { document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; widt

  • js左右弹性滚动对联广告代码分享

    复制代码 代码如下: <p><meta content="text/html; charset=gb2312" http-equiv="Content-Type" /><style type="text/css"> .shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px; width:600px; margin:0 auto;

  • JS实现可关闭的对联广告效果代码

    JS实现可关闭的对联广告效果代码

    本文实例讲述了JS实现可关闭的对联广告效果代码.分享给大家供大家参考.具体如下: 这是非常经典的一款对联广告代码,带有关闭按钮,用户可以自行关掉广告,另外,广告的垂直位置会随着滚动条的变化自动定位,也就是拖动浏览器滚动条的时候广告始终显示,不会被隐藏掉,现在很多网站都在用的对联广告代码. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-close-able-2adv-style-codes/ 具体代码如下: <html> <head

  • jquery实现两边飘浮可关闭的对联广告

    jquery实现两边飘浮可关闭的对联广告

    效果展示: 代码说明: 可关闭的左右两边飘浮的对联广告代码jquery特效,宽屏分辨率大于1024px才显示.因为考虑到窄屏下显示对联广告那真是用户体验超差. 点击关闭按钮可以单独关闭自己一边的飘浮的对联广告代码. js代码中的var screen_w = screen.width; if(screen_w>1024){duilian.show();} 是jquery判断浏览器分辨率的,你可以修改这个可关闭的左右两边飘浮的对联广告代码所需要的浏览器分辨率值,如果不想做判断可以删除这两句,让后把c

  • 不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码

    纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮.经测试,兼容IE6,IE7,Firefox浏览器. CSS代码为: 复制代码 代码如下: .r1{width:80px;height:80px;background:red;float:right;          position:fixed !important; top/**/:200px;          position:absolute; z-index:300; top:expression(offsetParent.

  • js 左右悬浮对联广告特效代码

    js制作web网页左右悬浮广告特效. 引用: 复制代码 代码如下: <script src="js/ad.js" type="text/javascript"></script> 2.页面调用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans

  • js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动

    js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动

    用JS写出遮罩层登陆框和对联广告并自动跟随滚动条滚动保持让用户一直可以看到 好了,天色已晚废话不多说,代码特别详细 有注释,请看代码. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://

随机推荐