dismao 发表于 2020-3-28 16:23:34

电脑端弹窗风格欣赏

弹窗广告风格欣赏,代码如下

<div style="height: 465px;width: 500px;background: url(http://www.dismao.com/static/temp/chun.png) center no-repeat;">
    <div style="padding-top: 277px;text-align: center;">
      <p style="font-size: 20px;font-weight: bold;color: #00effd;">活动倒计时</p>
      <div style="font-size: 16px;padding-top: 20px;color: #ffcb00;">
            <span id="popadv_settimer_1" style="color:#fff;margin:0 4px;font-size:18px;padding:3px 5px;border-radius:5px;background:#6a66e8;border:#00effd solid 2px;">00</span>天
            <span id="popadv_settimer_2" style="color:#fff;margin:0 4px;font-size:18px;padding:3px 5px;border-radius:5px;background:#6a66e8;border:#00effd solid 2px;">00</span>时
            <span id="popadv_settimer_3" style="color:#fff;margin:0 4px;font-size:18px;padding:3px 5px;border-radius:5px;background:#6a66e8;border:#00effd solid 2px;">00</span>分
            <span id="popadv_settimer_4" style="color:#fff;margin:0 4px;font-size:18px;padding:3px 5px;border-radius:5px;background:#6a66e8;border:#00effd solid 2px;">00</span>秒
      </div>
    </div>
    <a href="https://addon.dismall.com/?@popadv.plugin" style="display: block;font-size: 24px;line-height:24px;color: #3e1627;font-weight: bold;text-align: center;padding-top: 66px;">立即抢购</a>
</div>
<script type="text/javascript">
var popadv_date1 = new Date();
var popadv_date2 = new Date('2023/12/31 00:00:00');
popadv_settimer((popadv_date2.getTime() - popadv_date1.getTime())/1000);
function popadv_settimer(time){
    if(time > 0){
      var timer_day = Math.floor(time / 86400);
      var timer_hour = Math.floor((time % 86400) / 3600);
      var timer_minute = Math.floor(((time % 86400) % 3600) / 60);
      var timer_second = Math.floor(((time % 86400) % 3600) % 60);
      $("popadv_settimer_1").innerHTML = timer_day < 10 ? '0' + timer_day : timer_day;
      $("popadv_settimer_2").innerHTML = timer_hour < 10 ? '0' + timer_hour : timer_hour;
      $("popadv_settimer_3").innerHTML = timer_minute < 10 ? '0' + timer_minute : timer_minute;
      $("popadv_settimer_4").innerHTML = timer_second < 10 ? '0' + timer_second : timer_second;
      time--;
      setTimeout(function () { popadv_settimer(time); }, 1000);
    }else{

    }
}
</script>


页: [1]
查看完整版本: 电脑端弹窗风格欣赏