ykwcn广告代码

2026年9月30日更新

<!--图片广告开始--><!-- 所有广告图推荐同一高度60/70px -->
    <div class="tp-img-ads-layer">
        <!-- 一行一个长图 -->
        <div class="tp-one-img">
            <a href="#" target="_blank">
                <img src="https://img.cetsteam.com/imgs/2025/07/02/7da83d667239d7ee.png" alt="">
            </a>
        </div>
        <!-- 一行两个长图 -->
        <div class="tp-two-img">
            <a href="#" target="_blank">
                <img src="https://img.cetsteam.com/imgs/2025/07/02/7da83d667239d7ee.png" alt="">
            </a>
            <a href="#" target="_blank">
                <img src="https://img.cetsteam.com/imgs/2025/07/02/7da83d667239d7ee.png" alt="">
            </a>
        </div>
        <!-- 一行三个长图 -->
        <div class="tp-three-img">
            <a href="#" target="_blank">
                <img src="https://www.helloimg.com/i/2025/06/11/6849a2ca3a771.png" alt="">
            </a>
            <a href="#" target="_blank">
                <img src="https://www.helloimg.com/i/2025/06/11/6849a2ca3a771.png" alt="">
            </a>
            <a href="#" target="_blank">
                <img src="https://www.helloimg.com/i/2025/06/11/6849a2c84ebd7.png" alt="">
            </a>
        </div>
  <!-- 一行三个长图结束 -->



    </div><!--图片广告结束--><!--文字开始--><div class="tp_advertising"> <!--需要隐藏广告前边tp_advertising后边加 style="display:none;">--><!--比如tp_advertising" style="display:none;">-->
    <div class="tp_1"> 
    <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> 
   </div> 
   <div class="tp_3"> 
    <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> 
   </div> 

  </div>
  
  <!--文字结束--><style>.tp-img-ads-layer {width:100%;margin:0 auto;}.tp-img-ads-layer a {position:relative;display:block;overflow:hidden;padding:2px;box-sizing:border-box;}.tp-img-ads-layer a img {display:block;width:100%;max-height: 80px;border-radius:4px;transition:transform 0.2s ease;}.tp-img-ads-layer a:hover img {animation:shake 0.4s infinite;}.tp-one-img a,.tp-two-img,.tp-three-img {width:100%;}.tp-two-img,.tp-three-img {display:flex;justify-content:space-between;}.tp-two-img a {width:49.7%;}.tp-three-img a {width:33%;}@keyframes shake {0% {transform:translate(0,0);}25% {transform:translate(-2px,0);}50% {transform:translate(2px,0);}75% {transform:translate(-2px,0);}100% {transform:translate(2px,0);}}.tp_advertising{width:100%;display:flex;justify-content:space-between;background:rgba(255,255,255,.15);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{position:relative;z-index:1;width:25%;}.tp_advertising a{font-size:12px;line-height:22px;text-align:center;display:block;text-decoration:none;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.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;}</style>