FunCodingOfWe.github.io/index.html at master · FunCodingOfWe/FunCodingOfWe.github.io · GitHub

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<!-- saved from url=(0024)http://www.tianhao.site/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="baidu_ssp_verify" content="d3bb3cb213c80191a9c26f73eb36c1de">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>FunCodingOfWe</title>
    <meta name="description" content="Welcome to FunCodingOfWe Pages">
    <meta name="viewport" content="width=device-width,inital-scale=1,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="FunCodingOfWe">
    <link rel="stylesheet" href="./files/index.css">
    <link href="css/player.css?v=4" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body style="overflow:hidden">
    <!-- iframe：元旦烟花，用完后直接删除 -->
    <!--<iframe src="https://duke-james.github.io/New-year-fireworks/" style="width:100%;height:100%;border: none;overflow:hidden">-->

    <div class="container">
        <div class="cover-img" style="background: url(&quot;http://oct3pmpde.bkt.clouddn.com/wall-32.jpg&quot;) center center no-repeat fixed;"></div>
        <div class="header">
            <img class="avator" src="./files/logo.png">
            <nav>
                <ul class="list">
                    <span>FunCodingOfWe</span>
                    <li><a href="https://runzhenghengbin.github.io/" class="animsition-link website-title" target="_blank" > | 温暖阳光's blog</a></li>
                    <li><a href="http://blog.csdn.net/pengpengpeng85" class="icon-twitter" target="_blank"><i class="fa fa-home" aria-hidden="true" title="博客页"></i>duke james's blog</a></li>
                    <li><a href="#" class="icon-github" target="_blank"><i class="fa fa-github" aria-hidden="true" title="github"></i></a></li>
                    <li><a href="javascript:void(0)" class="icon-weixin" target="_blank"><i class="fa fa-weixin" aria-hidden="true" title="微信"></i></a></li>
                    <li><a href="javascript:void(0)" class="icon-weibo" target="_blank"><i class="fa fa-weibo" aria-hidden="true" title="微博"></i></a></li>
                    <li class="nolink">
                        <span class="welcome"> Welcome to FunCodingOfWe !</span>
                    </li>
                    <img class="codeimg" src="./files/weixin.jpg" style="display: none;">
                </ul>
            </nav>
        </div>
        <div class="section" id="home">
            <p class="glad">养码青年
            </p><p class="glad">虽然我很慢，但是我不懒</p>
        </div>
    </div>
    <!--移动端-->
    <div id="wrapper">
        <h3>FunCodingOfWe</h3>
        <h5>养码青年</h5>
        <p><a href="#" target="_blank">Blog</a></p>
        <p><a href="#" target="_blank">Github</a></p>
        <p><a href="#" target="_blank">微博</a></p>
        <p><a href="#" target="_blank">知乎</a></p>
    </div>
    <script type="application/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="application/javascript" src="js/player.js?v=4"></script>
    <script>
       $.musicPlayer(
				{
					list:[
						{"music":"http://p2.music.126.net/hlt3Th7mOa5LfZ-Zgg7H_w==/2045091627665349.mp3","cover":"http://p1.music.126.net/6xl0oJIv6kDL5VL1gpU8pQ==/1750422511426635.jpg","author":"5ive","title":"Until the Time Is Th"},
						{"music":"http://p2.music.126.net/XlVcMDRl3vLWpPgH9VGG3A==/2017603836973778.mp3","cover":"http://p1.music.126.net/neJAl7Xkd12Z5ehVgNDMUw==/612427976717473.jpg","author":"98°","title":"Because Of You"},
						{"music":"http://p2.music.126.net/Kq5C9KwVAFcq5U0IAylkVg==/2061584302089296.mp3","cover":"http://p1.music.126.net/k3nDmoTwhI25ycP1NOz4Jw==/821335186001472.jpg","author":"Anya Shesternina","title":"Running Late"},
						{"music":"http://p2.music.126.net/XfDjBc19D8smmTkSUga0sA==/5707564859860456.mp3","cover":"http://p1.music.126.net/JSGJnLccpzQ4KeyRxBebDQ==/901599534820575.jpg","author":"Arash","title":"Arash (English versi"},
						{"music":"http://p2.music.126.net/Accl94ME_AYkSl5xIElAYQ==/5984641790040507.mp3","cover":"http://p1.music.126.net/FVbsEC3ylU9tFe85WffJYg==/6654244372016039.jpg","author":"Avril Lavigne","title":"Let Me Go"},
						{"music":"http://p2.music.126.net/xn4A3zLho7T4sWkwDQqGXw==/3393092891670458.mp3","cover":"http://p1.music.126.net/6-TAXmoB_kEJagOf00aLig==/1781208836997879.jpg","author":"Avril Lavigne","title":"Complicated"},
						{"music":"http://p2.music.126.net/YjsgtOrvKm4fnIUZvfD73w==/1348001255714386.mp3","cover":"http://p1.music.126.net/J2ngI43Lpjxa07zC8xxGmg==/2484896278797436.jpg","author":"Avril Lavigne","title":"Here"},
						{"music":"http://p2.music.126.net/sMQOuilZWkIRUlxpTr_99Q==/3426078240765333.mp3","cover":"http://p1.music.126.net/h1-g69Lc_d1GTbpWGnRqUw==/109951163076997948.jpg","author":"Avril Lavigne","title":"Innocence"},
						{"music":"http://p2.music.126.net/oEkb7ht7VW87dps_OkUL7g==/5806520906398925.mp3","cover":"http://p1.music.126.net/P-2uAbQrgtIZfYy8HxuY2g==/19069929672343699.jpg","author":"Backstreet Boys","title":"As Long as You Love "},
						{"music":"http://p2.music.126.net/3KP6aRcaWlDc46SdtDOmCQ==/18972073137308603.mp3","cover":"http://p1.music.126.net/OEkTr8qjNJhlbiZy9cRoww==/109951163063194564.jpg","author":"Backstreet Boys","title":"Everybody (Backstree"},
						{"music":"http://p2.music.126.net/HhdbP62xoi8pmICyEvvXrQ==/5876889650571088.mp3","cover":"http://p1.music.126.net/a9PzwwZdYlHF290C2vUMIw==/2542070884467509.jpg","author":"Backstreet Boys","title":"I Need You Tonight"}
					]
				});
    </script>
<script>
    var weixin = document.querySelector(".icon-weixin");
    var codeimg = document.querySelector(".codeimg");
    var changeimg = document.querySelector(".avator");
    var cover = document.querySelector(".cover-img");
    var imgbox =   ["http://oct3pmpde.bkt.clouddn.com/wall-388.jpg",
                    "http://oct3pmpde.bkt.clouddn.com/wall-39.jpg",
                    "http://oct3pmpde.bkt.clouddn.com/wall-724.jpg",
                    "http://oct3pmpde.bkt.clouddn.com/wall-303.jpg",
                    "http://oct3pmpde.bkt.clouddn.com/wall-585.jpg",
                    "http://oct3pmpde.bkt.clouddn.com/wall-427.jpg",
                    "http://oct3pmpde.bkt.clouddn.com/wall-32.jpg",
                    "http://oct3pmpde.bkt.clouddn.com/wall-722.jpg",
                    "http://oct3pmpde.bkt.clouddn.com/wall-171.jpg",
                    "http://oct3pmpde.bkt.clouddn.com/wall-1.jpg",
                    "http://oct3pmpde.bkt.clouddn.com/wall-456.jpg"
    ];
    weixin.addEventListener('mouseover',function () {
        codeimg.style.display = "block";
    });
    weixin.addEventListener('mouseout',function () {
        codeimg.style.display = "none";
    });
    changeimg.addEventListener('click',function(){
        var index = Math.floor((Math.random()*imgbox.length));
        var temp = 'url(' + imgbox[index]+ ') no-repeat fixed center center';
        cover.style.background = temp;
    });

</script>


<div id="cli_dialog_div"></div></body></html>