小辉网络社区致力于优质软件,活动线报,游戏辅助,绿色工具等资源共享,好货不私藏!

酷炫无边框网站通用的文字广告代码

小辉工作室 JS网页代码

酷炫无边框网站通用的文字广告代码,这个文字广告代码是所有网站通用的,去掉了方框,看着是不是好多了呢,把它放到你想让它出现的位置即可,文字的行数,列数都是可以修改的
<style>
    .tp_advertising{
        width: 100%;
        display: flex;
        justify-content: space-between;
        background: #fff;
        position: relative;
        box-shadow: 0 0 3px rgba(0,0,0,.2);
    }
    .tp_advertising p{
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        background: #6F8EC5;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        padding: 0 8px;
        border-top-left-radius: 10px;
        opacity: .3;
    }
    .tp_advertising div{
        width: 16.66%;
        position: relative;
        z-index: 1;
    }
    .tp_advertising a{
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        display: block;
        text-decoration: none;
        white-space:nowrap;
    }
    .tp_advertising a:hover{
        font-weight: bold;
        font-size: 14px;
        text-shadow: 0px 0px 1px rgba(0,0,0,.5);
    }
    .tp_1 a{
        color: #FF0033;
    }
    .tp_2 a{
        color: #9400D3;
    }
    .tp_3 a{
        color: #00BFFF;
    }
    .tp_4 a{
        color: #FF1493;
    }
    .tp_5 a{
        color: #FF4500;
    }
    .tp_6 a{
        color: #5fb878;
    }
</style>
<div class="tp_advertising">
    <p>广告</p>
    <div class="tp_1">
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
    </div>
    <div class="tp_2">
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
    </div>
    <div class="tp_3">
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
    </div>
    <div class="tp_4">
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
    </div>
    <div class="tp_5">
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
    </div>
    <div class="tp_6">
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
        <a href="#" target="_blank">广告招租</a>
    </div>
</div>
代码如下:
Plugins by frpkj.com

温馨提示:如有转载或引用以上内容请将本文链接作为出处标注!百度已收录

免责声明:本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。侵删请致信E-mail:431228450@qq.com

标签 暂无标签
资源分享
评论列表