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