这个DEMO的时分秒背景是用css3写的。放在手机上浏览是个很不错的倒计时效果。
倒计时js代码<div> <br>
<div></div> <br>
<p></p>
<div class="aritcle_card">
<a class="aritcle_card_img" href="/xiazai/code/10735">
<img src="https://img.php.cn/upload/webcode/000/000/017/176347260250892.jpg" alt="DM建站系统汽车保养维修HTML5网站模板1.5">
</a>
<div class="aritcle_card_info">
<a href="/xiazai/code/10735">DM建站系统汽车保养维修HTML5网站模板1.5</a>
<p>DM建站系统汽车保养维修HTML5网站模板,DM企业建站系统。是由php+mysql开发的一套专门用于中小企业网站建设的开源cms。DM系统的理念就是组装,把模板和区块组装起来,产生不同的网站效果。可以用来快速建设一个响应式的企业网站( PC,手机,微信都可以访问)。后台操作简单,维护方便。DM企业建站系统安装步骤:第一步,先用phpmyadmin导入sql文件。 第二步:把文件放到你的本地服务器</p>
<div class="">
<img src="/static/images/card_xiazai.png" alt="DM建站系统汽车保养维修HTML5网站模板1.5">
<span>1</span>
</div>
</div>
<a href="/xiazai/code/10735" class="aritcle_card_btn">
<span>查看详情</span>
<img src="/static/images/cardxiayige-3.png" alt="DM建站系统汽车保养维修HTML5网站模板1.5">
</a>
</div>
<br>
</div>
<br>
$(function() { <br>
var note = $('#note'); <br>
var ts = (new Date("2016-02-08")).getTime(); <br>
$('#countdown').countdown({ <br>
timestamp: ts, <br>
callback: function(days, hours, minutes, seconds) { <br>
<br>
var message = "距离2016新年还有"; <br>
<br>
message += days + "天" + (days == 1 ? '' : '') + ""; <br>
message += hours + "小时" + (hours == 1 ? '' : '') + ""; <br>
message += minutes + "分" + (minutes == 1 ? '' : '') + ""; <br>
message += seconds + "秒" + (seconds == 1 ? '' : '') + ""; <br>
message += "..."; <br>
note.html(message); <br>
} <br>
}); <br>
});jQuery倒计时演示效果:http://www.sucaihuo.com/js/518.html
支持手机浏览的倒计时插件.zip
( 72.06 KB 下载:76 次 )
AD:真正免费,域名+虚机+企业邮箱=0元
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号