介绍
又称浮窗广告、漂浮广告,用合适的图片、动画效果在您的门户展示如新年对联、节日祝福、公司年庆等。更加生动、醒目的将重要活动信息及时的传递给客户。
展示
模板展示
模版点开可查看真实效果,请您查看后再选择购买
代码
<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("//dfs.yun300.cn/group1/M00/19/5E/rBQBHF24AaiENsduAAAAANhHDTY717.png"); 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("//dfs.yun300.cn/group1/M00/19/5E/rBQBHF24AaiENsduAAAAANhHDTY717.png"); 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>