介绍

又称浮窗广告、漂浮广告,用合适的图片、动画效果在您的门户展示如新年对联、节日祝福、公司年庆等。更加生动、醒目的将重要活动信息及时的传递给客户。

2020-01-21T02:03:10.jpg

展示

代码

<div id="couplet-box" style="z-index: 999;">
    <a class="couplet-left" style="position: fixed; top: 50%; left: 10px; transform: translateY(-50%); display: block; width: auto; height: 50%; overflow: hidden; z-index: 999999;">
         <div class="coupletDelete" style="background-image: url(&quot;//dfs.yun300.cn/group1/M00/19/5E/rBQBHF24AaiENsduAAAAANhHDTY717.png&quot;); position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; background-position: center center; background-size: 100%; background-repeat: no-repeat;">            
         </div>
          <img src="http://dfs.yun300.cn/group1/M00/19/17/rBQBHV4UJNKEKPu4AAAAAHFYSys237.jpg" alt="couplet" style="height: 100%;">
    </a>
  <a class="couplet-right" style="position: fixed; top: 50%; left: auto; transform: translateY(-50%); display: block; width: auto; height: 50%; overflow: hidden; z-index: 999999; right: 10px;">
    <div class="coupletDelete" style="background-image: url(&quot;//dfs.yun300.cn/group1/M00/19/5E/rBQBHF24AaiENsduAAAAANhHDTY717.png&quot;); position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; background-position: center center; background-size: 100%; background-repeat: no-repeat;"></div>
    <img src="http://dfs.yun300.cn/group1/M00/1A/6F/rBQBHF4UJMuEJIplAAAAAAC9poM710.jpg" alt="couplet" style="height: 100%;">
    </a>
  </div>
Last modification:January 22nd, 2020 at 02:17 pm