一聚教程网:一个值得你收藏的教程网站

热门教程

Jquery 倒计时的完全实例

时间:2022-06-25 17:28:57 编辑:袖梨 来源:一聚教程网

最近在项目中接触了倒计时的实现效果,就自己整理了下。

1.html代码

倒计时效果



    0天
    0时
    0分
    0秒

2.css代码:
h1 {
    font-family:"微软雅黑";
    font-size:40px;
    margin:20px 0;
    border-bottom:solid 1px #ccc;
    padding-bottom:20px;
    letter-spacing:2px;
}
.time-item strong {
    background:#C71C60;
    color:#fff;
    line-
    font-size:36px;
    font-family:Arial;
    padding:0 10px;
    margin-right:10px;
    border-radius:5px;
    box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}
#day_show {
    float:left;
    line-
    color:#c71c60;
    font-size:32px;
    margin:0 10px;
    font-family:Arial,Helvetica,sans-serif;
}
.item-title .unit {
    background:none;
    line-
    font-size:24px;
    padding:0 10px;
    float:left;
}

3.javascript代码:

热门栏目