好看的网站广告位源代码分享
个人感觉挺好看的，需要的朋友拿去吧！
<!--图片广告区域开始-->
<div style=\"background-color:#fff;box-shadow:0px 0px 10px #dedede;padding:5px;margin-top:5px;margin-bottom:5px;\">
<!--
<h3 class=\"fly-panel-title\" style=\"border-bottom:1px dotted #e2e2e2;margin-bottom:10px;\">
赞助商广告 <a style=\"float:right;color:#dedede;\" href=\"http://www.dhw22.com\" target=\"_blank\" onmouseover=\"this.style.color=\'#F00\'\" onmouseout=\"this.style.color=\'#dedede\'\">广告招商</a>
</h3>
--> <a class=\"adplan\" data-id=\"15\" style=\"display:block;width:100%;margin-bottom:10px;\" rel=\"nofollow\" target=\"_blank\" href=\"http://www.dhw22.com\" title=\"广告联系q：995113774|过期时间：永久\"> <img src=\"https://img30.360buyimg.com/pop/jfs/t1/174386/36/28954/21904/620a0b8cE0b005b16/cc6f37e8ba983851.png\" style=\"max-height:70px;width:100%;border-radius:4px;\" width=\"644\" height=\"70\" title=\"\" align=\"\" alt=\"\" /></a> <!--图片广告区域结束-->
<!--顶部双排广告第二行-->
<style>
#nr{
font-size:20px;
margin: 0;
background: -webkit-linear-gradient(left,
#ffffff,
#ff0000 6.25%,
#ff7d00 12.5%,
#ffff00 18.75%,
#00ff00 25%,
#00ffff 31.25%,
#0000ff 37.5%,
#ff00ff 43.75%,
#ffff00 50%,
#ff0000 56.25%,
#ff7d00 62.5%,
#ffff00 68.75%,
#00ff00 75%,
#00ffff 81.25%,
#0000ff 87.5%,
#ff00ff 93.75%,
#ffff00 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
animation: masked-animation 2s infinite linear;
}
@keyframes masked-animation {
0% {
background-position: 0 0;
}
100% {
background-position: -100%, 0;
}
}
</style>
<div style=\"background-color:#333;border-radius:25px;box-shadow:0px 0px 5px #f200ff;padding:5px;margin-top:10px;margin-bottom:0px;\">
<marquee>
<b id=\"nr\">公告：欢迎来到小高教学网 - 一家专业的热门资源聚合平台！小高教学网：www.xx8g.com </b> </marquee>
</div>
<!--顶部双排广告第二行-->
<style>
.txtguanggao{width: 100%;overflow: hidden;display: block;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}.txtguanggao a{width: 24.5%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}.txtguanggao a:nth-child(1) {background-color: #dc3545;}.txtguanggao a:nth-child(2) {background-color: #007bff;}.txtguanggao a:nth-child(3) {background-color: #28a745;}.txtguanggao a:nth-child(4) {background-color: #ffc107;}.txtguanggao a:nth-child(5) {background-color: #28a745;}.txtguanggao a:nth-child(6) {background-color: #ffc107;}.txtguanggao a:nth-child(7) {background-color: #dc3545;}.txtguanggao a:nth-child(8){background-color: #007bff;}.txtguanggao a:hover{background:#FF2805;color:#FFF}@media screen and (max-width: 1000px) {.txtguanggao a{width: 47.96%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}}
</style>
<div class=\"txtguanggao\">
<a href=\"http://www.dhw22.com\" target=\"_blank\" rel=\"nofollow\" class=\"dh\">文字广告火爆招租</a> <a href=\"http://www.dhw22.com\" target=\"_blank\" rel=\"nofollow\" class=\"dh\">文字广告火爆招租</a> <a href=\"http://www.dhw22.com\" target=\"_blank\" rel=\"nofollow\" class=\"dh\">文字广告火爆招租</a> <a href=\"http://localhost/gonggao/2032.html\" target=\"_blank\" rel=\"nofollow\" class=\"dh\">文字广告火爆招租</a> <a href=\"http://localhost/gonggao/2032.html\" target=\"_blank\" rel=\"nofollow\" class=\"dh\">文字广告火爆招租</a> <a href=\"http://www.dhw22.com\" target=\"_blank\" rel=\"nofollow\" class=\"dh\">文字广告火爆招租</a> <a href=\"http://www.dhw22.com\" target=\"_blank\" rel=\"nofollow\" class=\"dh\">文字广告火爆招租</a> <a href=\"http://www.dhw22.com\" target=\"_blank\" rel=\"nofollow\" class=\"dh\">文字广告火爆招租</a>
</div>
</div>
<!--文字广告结束-->
THE END
