PROMULGATOR

    木下带子

    广东省肇庆市
    Html
    Css
    Js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<div class="phone">
    <div class="phone_bg1">
        <div class="phone_bg2">
            <div class="phone_bg3">
                <div class="phone_lh">
                    <div class="phone_lh_con">
                        <div class="lh_tiao"></div>
                        <div class="lh_yuan"></div>
                    </div>
                </div>
                <span class="date_time">15:25</span>
                <div class="states">
                    <ul class="ul_xinhao">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <div class="wifi1">
                        <div class="wifi2">
                            <div class="wifi3">
                                <div class="wifi4">
                                    <div class="wifi5">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="dianliang"></div>
                </div>
                <div class="phone_home"></div>
            </div>
        </div>
    </div>
    <div class="jingyin"></div>
    <div class="yl_jia"></div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
* {
    margin:0;
    padding:0;
}
body {
    padding:0px;
    background:#f8f8f8;
}
@-webkit-keyframes phone {
    0% {
    -webkit-transform:skew(0deg,0deg) translateY(0px);
}
50% {
    -webkit-transform:skew(0deg,0deg) translateY(5px);
}
100% {
    -webkit-transform:skew(0deg,0deg) translateY(0px);
}
}@-webkit-keyframes phone_yy {
    0% {
    -webkit-transform:translate(0px,0px);
    background:rgba(0,0,0,0.2);
    filter:blur(8px);
}
50% {
    -webkit-transform:translate(-8px,-8px);
    background:rgba(0,0,0,0.3);
    filter:blur(5px);
}
100% {
    -webkit-transform:translate(0px,0px);
    background:rgba(0,0,0,0.2);
    filter:blur(8px);
}
}.phone {
    margin:0px auto;
    width:400px;
    height:800px;
    background:#68686b;
    border-radius:30px;
    box-sizing:border-box;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//获取当前时间-年月日星期时分秒
function getDate() {
    var today = new Date();
    var time = twoDigits(today.getHours()) + ":" + twoDigits(today.getMinutes());
    $(".date_time").html(time);
}
function twoDigits(val) {
    if (val < 10) return "0" + val;
    return val;
}
getDate();
//每秒获取执行一次，更新时间
$(function() {
    setInterval(getDate, 1000);
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3
 立即下载

html+css iphoneXR手机模型(原创)

更新时间：2019-11-08 01:33:59

0