网站正在施工中模板是一款带有倒计时，邮件订阅功能的HTML网站上线模板。_html网站模板_网页源码移动端前端

共11个文件

png：7个

css：1个

js：1个

网站模板

55 浏览量 2023-08-06 12:10:22 上传评论收藏 136KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站正在施工中模板是一款带有倒计时，邮件订阅功能的HTML网站上线模板。_html网站模板_网页源码移动端前端_H5模.rar （11个子文件）

网站正在施工中模板是一款带有倒计时，邮件订阅功能的HTML网站上线模板。

moban149

jquery.min.js 93KB

css

style.css 10KB

index.html 4KB

images

plus.png 2KB

banner.png 66KB

Thumbs.db 50KB

twt.png 1KB

fb.png 401B

bg.png 4KB

rss.png 1KB

in.png 951B

<!DOCTYPE HTML> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="css/style.css" media="all" type="text/css"> <script type="text/javascript" language="javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var theDaysBox = $("#numdays"); var theHoursBox = $("#numhours"); var theMinsBox = $("#nummins"); var theSecsBox = $("#numsecs"); var refreshId = setInterval(function() { var currentSeconds = theSecsBox.text(); var currentMins = theMinsBox.text(); var currentHours = theHoursBox.text(); var currentDays = theDaysBox.text(); if(currentSeconds == 0 && currentMins == 0 && currentHours == 0 && currentDays == 0) { // if everything rusn out our timer is done!! // do some exciting code in here when your countdown timer finishes } else if(currentSeconds == 0 && currentMins == 0 && currentHours == 0) { // if the seconds and minutes and hours run out we subtract 1 day theDaysBox.html(currentDays-1); theHoursBox.html("23"); theMinsBox.html("59"); theSecsBox.html("59"); } else if(currentSeconds == 0 && currentMins == 0) { // if the seconds and minutes run out we need to subtract 1 hour theHoursBox.html(currentHours-1); theMinsBox.html("59"); theSecsBox.html("59"); } else if(currentSeconds == 0) { // if the seconds run out we need to subtract 1 minute theMinsBox.html(currentMins-1); theSecsBox.html("59"); } else { theSecsBox.html(currentSeconds-1); } }, 1000); }); </script> </head> <body> <div class="wrap"> <h1>company name</h1> <div class="main"> <h2>our website is on progressive</h2> <div class="banner"> <img src="images/banner.png" alt="" /> </div> <div class="text"> <h3>Will' be here soon with a new website, <span>Estimated time remaining...!</span></h3> <div class ="clock-ticker" class="clearfix"> <div class="block"> <span class="flip-top" id="numdays">8</span> <span class="flip-btm"></span> <footer class="label">Days</footer> </div> <div class="block"> <span class="flip-top" id="numhours">14</span> <span class="flip-btm"></span> <footer class="label">Hours</footer> </div> <div class="block"> <span class="flip-top" id="nummins">34</span> <span class="flip-btm"></span> <footer class="label">Mins</footer> </div> <div class="block"> <span class="flip-top" id="numsecs">9</span> <span class="flip-btm"></span> <footer class="label">Secs</footer> </div> </div> <form class="searchbox"> <input class="search" type="text" placeholder=""> <input class="submit" type="submit" value="Notify" > </form> </div> <div class="clear"></div> <div class="content"> <div class="icons"> <p class="left">follow us:</p> <ul class="left"> <li><a href="#"><img src="images/rss.png" alt="" /></a></li> <li><a href="#"><img src="images/twt.png" alt="" /></a></li> <li><a href="#"><img src="images/plus.png" alt="" /></a></li> <li><a href="#"><img src="images/in.png" alt="" /></a></li> <li><a href="#"><img src="images/fb.png" alt="" /></a></li> </ul> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> <div class="footer"> <p>Copyright © 2014.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></p> </div> </div> <div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div> </body> </html>

评论收藏

内容反馈