jquery.countdown活动上线倒计时页面效果代码

代码语言:html

所属分类:其他

代码描述:jquery.countdown活动上线倒计时页面效果代码

代码标签: jquery. ountdown 活动 上线 倒计时

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">

    <style>
        @charset "utf-8";
    
    
    html, body {
    
    	padding:0px;
    
    	background-color: #fff;
    
    	font-family:Tahoma, Geneva, sans-serif;
    
    padding: 0px;
    background-color: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    background-color: #F0EEEF;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-text-size-adjust: none;
    background-attachment: fixed;
    background-image: url(//repo.bfw.wiki/bfwrepo/images/daojish/bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    
    }
    
    a:link { 
    
    	color:#fff;
    
    	text-decoration: none;
    
    }
    
    
    
    a:visited { 
    
    	color:#fff;
    
    	text-decoration: none;	
    
    }
    
    
    
    a:hover { 
    
    	color:#fff;
    
    	text-decoration: none;
    
    }
    
    
    
    a:active { 
    
    	color:#fff;
    
    	text-decoration: none;	
    
    }
    
    
    
    h2 {
    
    	font-size:14px;
    
    	color:#FFF;
    
    }
    
    ul#lsn {
    
    	list-style:none;
    
    }
    
    ul#lsninline {
    
    	list-style:none;
    
    	float:left;
    
    }
    
    
    
    #wrap {
    
    	position:relative;
    
    	margin-left:auto;
    
    	margin-right:auto;	
    
    	left:0px;
    
    	top:0px;
    
    width: 1000px;
    
    	height:499px;
    
    	text-align:center;
    
    }
    
    /* 2- header with logo
    
    ---------------------------------------------------*/
    
    #logo {
    	position:absolute;
    	left:0px;
    	top:0px;
    	width:720px;
    	height:230px;
    	text-align:left;
    	padding-top:50px;
    	padding-left: 25px;
    	z-index: 1000;
    
    }
    
    /* 3- main container with image/message and countdown
    
    ---------------------------------------------------*/
    
    #container {
    	position:absolute;
    	left:0px;
    	top:150px;
    	width:771px;
    	height:320px;
    	background-repeat:no-repeat;
    
    }
    
    
    
    #ucimage {
    
    	position:absolute;
    
    	left:0px;
    
    	top:40px;
    
    	width:771px;
    
    	height:87px;
    
    }
    
    
    
    #uctext {
    
    	position:absolute;
    
    	left:0px;
    
    	top:100px;
    
    	width:771px;
    
    	height:43px;
    
    }
    
    
    
    #uccounter {
    
    	position:absolute;
    
    	left:0px;
    
    	top:150px;
    
    	width:771px;
    
    	height:190px;
    
    }
    
    
    
    
    
    .countdown_section {
    
    	display: block;
    
    	float:left;
    
    	text-align:center;
    
    	font-weight:normal;
    
    	color: #666666;
    
    	font-size:12px;
    
    	width: 144px;
    
    	padding-top:10px;
    
    	line-height:inherit;
    
    }
    
    .countdown_amount {
    
    	font-size:90px;
    
    	color: #ffffff;
    
    	line-height: 109px;
    
    }
    
    #overlay { 
    
    	position:absolute;
    
    	left:25px;
    
    	top:74px;
    
    	width:720px; 
    
    	height:148px;
    
    	background-image: url('//repo.bfw.wiki/bfwrepo/images/daojish/flipoverlay.png');
    
    	background-repeat:repeat-x;
    
    }
    
    #overlay_2 {
    	position:absolute;
    	top:190px;
    	width:720px;
    	height:150px;
    	text-align: left;
    	padding-left: 25px;
    }
    
    
    
    #defaultCountdown { 
    
    	position:absolute;
    
    	left:25px;
    
    	top:0px;
    
    	width:720px; 
    
    	height:148px;
    
    	background-image: url('//repo.bfw.wiki/bfwrepo/images/daojish/flipbg.png');
    
    	background-repeat:repeat-x;
    
    }
    
    /* 4- footer with twitter and subscribe form
    
    ---------------------------------------------------*/
    
    
    
    #footer {
    
    	position:absolute;
    
    	left:0px;
    
    	top:434px;
    
    	width:771px;
    
    	height:65px;
    
    	background-image:url('//repo.bfw.wiki/bfwrepo/images/daojish/footer.png');
    
    	background-repeat:no-repeat	
    
    }
    
    #tweet {
    
    	position:absolute;
    
    	top:2px;
    
 .........完整代码请登录后点击上方下载按钮下载查看

网友评论0