登录  /  注册
博主信息
博文 22
粉丝 0
评论 7
访问量 31247
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
jQuery自适应倒计时插件
阿杰网络科技博客资源站
原创
1448人浏览过

<!DOCTYPE htQQ浏览器截图20190312152256.pngml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>jQuery自适应倒计时</title>


<link rel="stylesheet" type="text/css" href="css/bootstrap-3.3.4.css">

<link href="css/style2.css" rel="stylesheet">

<link href="style.css" rel="stylesheet">


<script src="js/jquery-1.8.3.min.js"></script>    

<script src="js/jquery.lwtCountdown-1.0.js"></script> 


</head>

<body>

<div class="header">

<h1>Comming Soon</h1>

</div><!--/header-->

<div class="container">

<div class="timer-box">

<h5>Our site will be launched soon. We will be up and running in:</h5>

<div id="countdown">


<div class="dash weeks_dash">

<span class="dash_title">周</span>

<div class="digit">0</div>

<div class="digit">0</div>

</div>


<div class="dash days_dash">

<span class="dash_title">天</span>

<div class="digit">0</div>

<div class="digit">0</div>

</div>


<div class="dash hours_dash">

<span class="dash_title">小时</span>

<div class="digit">0</div>

<div class="digit">0</div>

</div>


<div class="dash minutes_dash">

<span class="dash_title">分</span>

<div class="digit">0</div>

<div class="digit">0</div>

</div>


<div class="dash seconds_dash">

<span class="dash_title">秒</span>

<div class="digit">0</div>

<div class="digit">0</div>

</div>

</div> <!-- end of countdown -->

</div><!--/timer-box-->

</div><!--/container-->


<!-- start of the javascript code that handles the countdown -->

<script language="javascript" type="text/javascript">

jQuery(document).ready(function() {

$('#countdown').countDown({

targetDate: {

'day': 5,

'month': 8,

'year': 2024,

'hour': 11,

'min': 0,

'sec': 0

}

});

$('#email_field').focus(email_focus).blur(email_blur);

$('#subscribe_form').bind('submit', function() { return false; });

}); 

</script>


<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">

<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>

</div>

</body>

</html>


本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学