橙色欧美风格的倒计时整站网站源码下载



10 38 13



模板描述:橙色欧美风格 倒计时 整站网站,橙色欧美风格的倒计时整站网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="https://lib.baomitu.com/font-awesome/4.6.3/css/font-awesome.min.css" />
<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
<link href="//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i" rel="stylesheet">

2. 引入JS

<script type='text/javascript' src='js/jquery-2.2.3.min.js'></script>
<script src="js/simplyCountdown.js"></script>

3. HTML代码

<div class="count-center">
<div class="top">
<h1>We Are Coming Soon</h1>
<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit </h2>
</div>
<!--countdown-->
<div class="count-time">
    <div class="examples">
        <div class="simply-countdown-losange " id="simply-countdown-losange">
		</div>
</div>
<div class="clearfix"></div>
</div>
<!--//countdown-->
<!--newsletter-->
						<div class="newsletter ">
							<div class="letter">
							<form action="#" method="post">
								<input type="email" name="email" required="" placeholder="Enter your email">
								<input type="submit" value="Subscribe">
							</form>
							<div class="clearfix"></div>
						  </div>		    			
						  <div class="icons">
							<ul>
								<li><a href="#"><span class="fa fa-facebook"></span></a></li>
								<li><a href="#"><span class="fa fa-twitter"></span></a></li>
								<li><a href="#"><span class="fa fa-rss"></span></a></li>
								<li><a href="#"><span class="fa fa-vk"></span></a></li>
							</ul>
						</div>
						<div class="clearfix"></div>
						</div>
						<!--//newsletter-->
<div class="copyright">
	<p>&copy; 2017 Wondrous Coming Soon Widget. All Rights Reserved | Design by <a href="http://xmoban.cn/" target="_blank"> xmoban.cn </a></p>
				</div>
</div>
		<!-- //js -->
<!--menu script-->
<script>
  /**
   * WARNING: I set this coundtown to be running until the end of times.
   * So when you'll init the plugin, follow how it's done in plugin documentation.
   */
  var d = new Date();
    d.setDate(d.getDate() + 10);
    // default example
    simplyCountdown('.simply-countdown-one', {
        year: d.getFullYear(),
        month: d.getMonth() + 1,
        day: d.getDate()
    });
    // inline example
    simplyCountdown('.simply-countdown-inline', {
        year: d.getFullYear(),
        month: d.getMonth() + 1,
        day: d.getDate(),
        inline: true
    });
    //jQuery example
    $('#simply-countdown-losange').simplyCountdown({
        year: d.getFullYear(),
        month: d.getMonth() + 1,
        day: d.getDate(),
        enableUtc: false
    });
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 分类 响应式 自适应 设备 风格 颜色 bootstrap bootstrap自适应 bootstrap响应式 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 简洁 简约 简单 橙色 其他页 其他站

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到