电脑端弹窗风格欣赏

dismao

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

1. <div style="height: 465px;width: 500px;background: url(http://www.dismao.com/static/temp/chun.png) center no-repeat;">
   
2.     <div style="padding-top: 277px;text-align: center;">
   
3.         <p style="font-size: 20px;font-weight: bold;color: #00effd;">活动倒计时</p>
   
4.         <div style="font-size: 16px;padding-top: 20px;color: #ffcb00;">
   
5.             <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>天
   
6.             <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>时
   
7.             <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>分
   
8.             <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>秒
   
9.         </div>
   
10.     </div>
    
11.     <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>
    
12. </div>
    
13. <script type="text/javascript">
    
14. var popadv_date1 = new Date();
    
15. var popadv_date2 = new Date('2023/12/31 00:00:00');
    
16. popadv_settimer((popadv_date2.getTime() - popadv_date1.getTime())/1000);
    
17. function popadv_settimer(time){
    
18.     if(time > 0){
    
19.         var timer_day = Math.floor(time / 86400);
    
20.         var timer_hour = Math.floor((time % 86400) / 3600);
    
21.         var timer_minute = Math.floor(((time % 86400) % 3600) / 60);
    
22.         var timer_second = Math.floor(((time % 86400) % 3600) % 60);
    
23.         $("popadv_settimer_1").innerHTML = timer_day < 10 ? '0' + timer_day : timer_day;
    
24.         $("popadv_settimer_2").innerHTML = timer_hour < 10 ? '0' + timer_hour : timer_hour;
    
25.         $("popadv_settimer_3").innerHTML = timer_minute < 10 ? '0' + timer_minute : timer_minute;
    
26.         $("popadv_settimer_4").innerHTML = timer_second < 10 ? '0' + timer_second : timer_second;
    
27.         time--;
    
28.         setTimeout(function () { popadv_settimer(time); }, 1000);
    
29.     }else{
    
30. 
    
31.     }
    
32. }
    
33. </script>

复制代码