首页 > web前端 > css教程 > 如何用css写对联广告代码

如何用css写对联广告代码

墨辰丷
发布: 2018-05-09 16:51:05
原创
3604 人浏览过

本文章提供的对联广告是完全使用css实现的,并且兼容所有浏览器,包括各种ie,ff,gg浏览器,代码简洁好用。

代码如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

<!-- 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代码 -->

 <!-- 对联广告左边 -->

 <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(&#39;ad_left&#39;).style.display="none";

}

function ad_right(){

document.getElementById(&#39;ad_right&#39;).style.display="none";

}

</script>

登录后复制

相关推荐:

div+css下js对联广告不随屏幕滚动的解决方法_html/css_WEB-ITnose

怎么修改 Discuz X2 的全局对联广告

javascript对联广告 兼容 IE FF

以上是如何用css写对联广告代码的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板