网页左右两则固定对联广告

最新推荐文章于 2021-06-08 17:47:57 发布

Andy__Huang

最新推荐文章于 2021-06-08 17:47:57 发布

阅读量1.5k

点赞数

分类专栏： JavaScript & CSS

本文链接：https://blog.csdn.net/hdhai9451/article/details/42239425

版权

JavaScript & CSS 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>对联广告测试(兼容ie,ff,gg,360浏览器)</title>
    <style type="text/css">
        .couplet_ad /* 底部固定*/
        {
            margin-top: 300px;
            position: fixed;
            bottom: auto;
            top: 0;
            width: 219px;
            height: 150px;
            z-index: 99999;
        }
        * html .couplet_ad /* IE6 底部固定*/
        {
            _position: absolute;
            _bottom: auto;
            _top: expression(eval(document.documentElement.scrollTop));
        }
        .couplet_ad a
        {
            display: block;
            cursor: pointer;
            text-align: center;
            font-size: 11px;
            font-weight:bold;
            padding-top: 3px;
        }
        #ad_left
        {
            left: 20px;
        }
        #ad_right
        {
            right: 20px;
        }
    </style>

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

</head>
<body>
    <div class="couplet_ad" id="ad_left">
        <a target="_blank" href="">
            <img src="Resources/images/top5.jpg"></a><div style="background-color: #999999; width: 100%;
                color: White;">
                <a οnclick="ad_left();">关闭</a></div>
    </div>
    <div class="couplet_ad" id="ad_right">
        <a target="_blank" href="">
            <img src="Resources/images/top6.jpg"></a> <div style="background-color: #999999; width: 100%;
                color: White;"><a οnclick="ad_right();">关闭</a></div>
    </div>
    <div style="height: 3000px">
        这里是顶部TOP
    </div>
    这里是底部BOTTOM
</body>
</html>

Andy__Huang

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
网页左右两则固定对联广告

对联广告测试(兼容ie,ff,gg,360浏览器) .couplet_ad /* 底部固定*/ { position: fixed; bottom: auto; top: 0; width: 220px; height:
复制链接

扫一扫

专栏目录