-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path主页.html
133 lines (122 loc) · 12.8 KB
/
主页.html
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base href="https://518.huaidanwangluo.com/geren_huisejianyue/" />
<title>川川学长的主页</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<!--必要样式-->
<link rel="stylesheet" type="text/css" href="css/component.css">
<!--[if IE]><script src="js/html5.js"></script><![endif]-->
<style type="text/css">
#Layer1 {position:absolute; width:100%; z-index:2; top: 60%;}
.STYLE3 {font-size: medium}
</style>
<script type="text/javascript">
function duihua()
{
alert("制作者川川，一个无聊的人(=_=)，就是玩儿")
}
</script>
</head>
<body>
<div class="container demo-1">
<div class="content">
<div id="large-header" class="large-header">
<canvas id="demo-canvas" width="1590" height="711"></canvas>
<h1 class="main-title">川川<br><span class="STYLE3">因为无聊，所以创造。</span></h1>
</div>
<div id="Layer1">
<nav class="codrops-demos">
<a href="https://yanghanwen.xyz/img/qq.png" target="_Blank">联系作者</button></a>
<a href="javascript:void(0);" onclick="duihua()">公告</a>
</nav>
</div>
</div>
</div>
<script src="js/tweenlite.min.js"></script>
<script src="js/easepack.min.js"></script>
<script src="js/raf.js"></script>
<script src="js/demo-1.js"></script>
<div style="display:none"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1275245517'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s96.cnzz.com/z_stat.php%3Fid%3D1275245517%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script></div></body>
</html>oration:none}.shaking:hover{-webkit-animation:tada 1s .2s ease both;-moz-animation:tada 1s .2s ease both}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0)}}.home{margin:0 auto;margin-bottom:30px;padding:0 10px;min-width:300px;color:#fff}.icon-items li{position:relative;float:left;box-sizing:border-box;margin:10px 1% 0 0;width:24%;border-radius:3px;text-align:center;-webkit-transform:scale(0);-webkit-animation-name:janim;-webkit-animation-duration:.3s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}@-webkit-keyframes janim{0%{-webkit-transform:scale(.2)}50%{-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}.icon-items li a{display:block;width:100%;color:#fff;font-size:18px;line-height:70px}.icon-items li a:hover{z-index:1;background-color:rgba(0,0,0,.05);box-shadow:rgba(0,0,0,.3) 0 3px 10px;color:#fff;text-decoration:none;font-size:20px}.icon-items li.icon-r1{background-color:#d6e681;-webkit-animation-delay:.15s}.icon-items li.icon-l1{background-color:#82a7a6;-webkit-animation-delay:.45s}.icon-items li.icon-r2{background-color:#4fb477;-webkit-animation-delay:.6s}.icon-items li.icon-l2{background-color:#c4ad83;-webkit-animation-delay:.75s}.icon-items li.icon-r3{background-color:#2a628f;-webkit-animation-delay:.65s}.icon-items li.icon-l3{background-color:#fa824c;-webkit-animation-delay:.55s}.icon-items li.icon-r4{background-color:#9fd356;-webkit-animation-delay:.3s}.icon-items li.icon-l4{background-color:#43aa8b;-webkit-animation-delay:.5s}.icon-items li.icon-r5{background-color:#e5625e;-webkit-animation-delay:.4s}.icon-items li.icon-l5{background-color:#c49799;-webkit-animation-delay:.35s}.icon-items li.icon-r6{background-color:#7fb7be;-webkit-animation-delay:.25s}.icon-items li.icon-l6{background-color:#69dc9e;-webkit-animation-delay:.1s}.icon-items li.icon-r7{background-color:#a27e6f;-webkit-animation-delay:.2s}.icon-items li.icon-l7{background-color:#7880b5;-webkit-animation-delay:.8s}.icon-items li.icon-r8{background-color:#f28123;-webkit-animation-delay:.7s}.icon-items li.icon-l8{background-color:#d0c88e;-webkit-animation-delay:.45s}.foot-link{padding:5px 0;border-top:1px solid #ef9310;background-color:#fcf8e3;text-align:center}.foot-link a{display:inline-block;width:75pt;color:#a86d3b;text-decoration:none}.foot-link a:hover{color:#747474;text-decoration:none}.copy{position:relative;height:26px;background-color:#5199e5;text-align:center;font-size:9pt;line-height:26px}.copy,.copy a{color:#fff}.copy a:hover{color:#747474;text-decoration:none}.clearfix:after{clear:both;display:block;visibility:hidden;content:''}.clear{clear:both;line-height:normal}.ip{width:300px;height:auto;text-align:left}@media screen and (max-width:900px){.ip{width:100%;height:auto}.icon-items li{width:49%;}}.alert{margin-top:-10px;width:95%}::-webkit-scrollbar-thumb{height:50px;outline:2px solid #f8f8f8;outline-offset:-2px;border:2px solid #f8f8f8;-webkit-border-radius:10px;background-color:#018ee8}::-webkit-scrollbar-thumb:hover{height:50px;-webkit-border-radius:10px;background-color:#fb4446}::-webkit-scrollbar{width:11px;height:18px}::-webkit-scrollbar-track-piece{-webkit-border-radius:0;background-color:#f8f8f8}
</style>
</head>
<body style="background-image : url(wep.vipyshy.com/tp/5.jpg);">
<body background="https://wep.vipyshy.com/tp/5.jpg">
<div id="bg"></div>
<div id="pagewrap">
<div id="header">
<!-- logo -->
<div align="center"></div>
<!-- 炫酷动态文字 -->
<div id="chakhsu" style="text-align: center; color: #f17c27;"></div>
<script>var chakhsu = function (r) {
function t() {
return b[Math.floor(Math.random() * b.length)]
}
function e() {
return String.fromCharCode(94 * Math.random() + 33)
}
function n(r) {
for (var n = document.createDocumentFragment(), i = 0; r > i; i++) {
var l = document.createElement("span");
l.textContent = e(), l.style.color = t(), n.appendChild(l)
}
return n
}
function i() {
var t = o[c.skillI];
c.step ? c.step-- : (c.step = g, c.prefixP < l.length ? (c.prefixP >= 0 && (c.text += l[c.prefixP]), c.prefixP++) : "forward" === c.direction ? c.skillP < t.length ? (c.text += t[c.skillP], c.skillP++) : c.delay ? c.delay-- : (c.direction = "backward", c.delay = a) : c.skillP > 0 ? (c.text = c.text.slice(0, -1), c.skillP--) : (c.skillI = (c.skillI + 1) % o.length, c.direction = "forward")), r.textContent = c.text, r.appendChild(n(c.prefixP < l.length ? Math.min(s, s + c.prefixP) : Math.min(s, t.length - c.skillP))), setTimeout(i, d)
}
/*以下内容自定义修改*/
var l = "霸王游戏机",
o = ["本网站由川川学长制作", ].map(function (r) {
return r + ""
}), a = 2, g = 1, s = 5, d = 75,
b = ["rgb(110,64,170)", "rgb(150,61,179)", "rgb(191,60,175)", "rgb(228,65,157)", "rgb(254,75,131)", "rgb(255,94,99)", "rgb(255,120,71)", "rgb(251,150,51)", "rgb(226,183,47)", "rgb(198,214,60)", "rgb(175,240,91)", "rgb(127,246,88)", "rgb(82,246,103)", "rgb(48,239,130)", "rgb(29,223,163)", "rgb(26,199,194)", "rgb(35,171,216)", "rgb(54,140,225)", "rgb(76,110,219)", "rgb(96,84,200)"],
c = {text: "", prefixP: -s, skillI: 0, skillP: 0, direction: "forward", delay: a, step: g};
i()
};
chakhsu(document.getElementById('chakhsu'));</script>
</div><br /><center><h3>QQ1965607414</h3></center><br /><br /><br />
<!-- 按钮 -->
<div id="content">
<section class="home clearfix">
<ul class="icon-items clearfix">
<li class="icon-r1"><a href="https://www.yikm.net/play?id=9037&n=L2diYXJvbS9jbjkwMzcuemlw&t=%E7%81%AB%E7%84%B0%E7%BA%B9%E7%AB%A0%20-%20%E7%83%88%E7%81%AB%E4%B9%8B%E5%89%91&ac=5&p=">火焰纹章</a></li>
<li class="icon-r2"><a href="https://www.yikm.net/play?id=4137&n=L2Zjcm9tL3NqL0NvbnRyYSAoVSkgWyFdLm5lcw==&t=%E9%AD%82%E6%96%97%E7%BD%97">魂斗罗</li>
<li class="icon-r3"><a href="https://www.yikm.net/play?id=3501&n=L2Zjcm9tL2R6bXgvU3VwZXIgTWFyaW8gQnJvcy4gKFcpIFshXS5uZXM=&t=%E8%B6%85%E7%BA%A7%E9%A9%AC%E9%87%8C%E5%A5%A5">超级玛丽</a></li>
<li class="icon-r4"><a href="https://www.yikm.net/play?id=4511&n=L2Zjcm9tL3h5eC9Tbm93IEJyb3MuIChKKS5uZXM=&t=%E9%9B%AA%E4%BA%BA%E5%85%84%E5%BC%9F">雪人兄弟</a></li>
<li class="icon-l5"><a href="https://www.yikm.net/play?id=3325&n=L2Zjcm9tL2R6bXgvTWlnaHR5IEZpbmFsIEZpZ2h0IChVKSBbVCtDaGldLm5lcw==&t=%E5%BF%AB%E6%89%93%E6%97%8B%E9%A3%8E-%E4%B8%AD%E6%96%87">快打旋风</a></li>
<li class="icon-l6"><a href="https://www.yikm.net/play?id=3175&n=L2Zjcm9tL2R6bXgvVGFrYWhhc2hpIE1laWppbiBubyBCb3VrZW4gU2hpbWEgKEopIFshXS5uZXM=&t=%E5%86%92%E9%99%A9%E5%B2%9B">冒险岛</a></li>
<li class="icon-r7"><a href="https://www.yikm.net/play?id=7735&n=L2diYXJvbS8xNzQzLnppcA==&t=%E5%A1%9E%E5%B0%94%E8%BE%BE%E4%BC%A0%E8%AF%B4-%E7%BC%A9%E5%B0%8F%E5%B8%BD&ac=5&p=">塞尔达传说</a></li>
<li class="icon-l8"><a href="https://www.yikm.net/play?id=3883&n=L2Zjcm9tL2dkL1RlZW5hZ2UgTXV0YW50IE5pbmphIFR1cnRsZXMgLSBUb3VybmFtZW50IEZpZ2h0ZXJzIChVKSBbIV0ubmVz&t=%E6%BF%80%E9%BE%9F%E5%BF%AB%E6%89%93(%E5%BF%8D%E8%80%85%E7%A5%9E%E9%BE%9F%E6%A0%BC%E6%96%97)%E7%BE%8E%E7%89%88">忍者神龟</a></li>
<li class="icon-r7"><a href="https://www.yikm.net/play?id=8859&n=L2diYXJvbS9jbjg4NTkuemlw&t=%E5%8F%A3%E8%A2%8B%E5%A6%96%E6%80%AA%E6%94%B9%E7%89%88%20%E7%81%AB%E7%BA%A22012%E7%BE%8E%E5%8C%96%E7%89%88v1&ac=5&p=">口袋妖怪火红</a></li>
<li class="icon-r1"><a href="https://www.yikm.net/play?id=8930&n=L2diYXJvbS9jbjg5MzAuemlw&t=%E6%81%B6%E9%AD%94%E5%9F%8E%20-%20%E6%99%93%E6%9C%88%E5%9C%86%E8%88%9E%E6%9B%B2[%E4%B9%9D%E6%9F%B3](%E7%AE%80)(JP)&ac=5&p=">恶魔城晓月圆舞曲</a></li>
<li class="icon-r2"><a href="https://www.yikm.net/play?id=3201&n=L2Zjcm9tL2R6bXgvRG91YmxlIERyYWdvbiAoVSkgWyFdLm5lcw==&t=%E5%8F%8C%E6%88%AA%E9%BE%99(%E7%BE%8E%E7%89%88)">双截龙</a></li>
<li class="icon-r3"><a href="https://www.yikm.net/play?id=4921&n=L2Zjcm9tL3NqL0phY2thbC5uZXM=&t=%E8%B5%A4%E8%89%B2%E8%A6%81%E5%A1%9E&ac=3">赤色要塞</a></li>
<li class="icon-r4"><a href="https://www.yikm.net/play?id=4275&n=L2Zjcm9tL3h5eC9CYXR0bGUgQ2l0eSAoSikgWyFdLm5lcw==&t=%E5%9D%A6%E5%85%8B%E5%A4%A7%E6%88%98">坦克大战</a></li>
<li class="icon-l5"><a href="https://www.yikm.net/play?id=4141&n=L2Zjcm9tL3NqL0NvbnRyYSBGb3JjZSAoVSkgWyFdLm5lcw==&t=%E9%AD%82%E6%96%97%E7%BD%97%E5%8A%9B%E9%87%8F">超级魂斗罗</a></li>
<li class="icon-l6"><a href="https://www.yikm.net/play?id=3203&n=L2Zjcm9tL2R6bXgvRG91YmxlIERyYWdvbiBJSSAtIFRoZSBSZXZlbmdlIChFKSBbIV0ubmVz&t=%E5%8F%8C%E6%88%AA%E9%BE%992-%E5%A4%8D%E4%BB%87(%E6%AC%A7%E7%89%88)">双截龙2</a></li>
<li class="icon-r7"><a href="https://www.yikm.net/play?id=3206&n=L2Zjcm9tL2R6bXgvRG91YmxlIERyYWdvbiBJSUkgLSBUaGUgU2FjcmVkIFN0b25lcyAoRSkgWyFdLm5lcw==&t=%E5%8F%8C%E6%88%AA%E9%BE%993-%E7%BD%97%E5%A1%9E%E5%A1%94%E4%B9%8B%E7%9F%B3(%E6%AC%A7%E7%89%88)">双截龙3</a></li>
<li class="icon-r8"><a href="https://www.yikm.net/play?id=3299&n=L2Zjcm9tL2R6bXgvVGVlbmFnZSBNdXRhbnQgTmluamEgVHVydGxlcyAyIC0gVGhlIE1hbmhhdHRhbiBQcm9qZWN0IChKKS5uZXM=&t=%E5%BF%8D%E8%80%85%E7%A5%9E%E9%BE%9F3(%E6%97%A5%E7%89%88)&ac=3">忍者神龟3</a></li>
<li class="icon-r1"><a href="https://www.yikm.net/play?id=4977&n=L2Zjcm9tL2pzYnl6dy9wYWxfSS5uZXM=&t=%E4%BB%99%E5%89%91%E5%A5%87%E4%BE%A0%E4%BC%A0(%E4%B8%AD%E6%96%87)&ac=3">仙剑奇侠传</a></li>
<li class="icon-r2"><a href="https://www.yikm.net/play?id=5334&n=ZGluby56aXA=&t=%E6%81%90%E9%BE%99%E5%BF%AB%E6%89%93&ac=4&l=capcom-cps-1">恐龙快打</a></li>
<li class="icon-r3"><a href="https://www.yikm.net/play?id=8718&n=L2diYXJvbS8yNzc3LnppcA==&t=%E6%B5%B7%E7%BB%B5%E5%AE%9D%E5%AE%9D%E4%BA%9A%E7%89%B9%E5%85%B0%E8%92%82%E6%96%AF&ac=5&p=">海绵宝宝</a></li>
<li class="icon-r4"><a href="https://www.yikm.net/play?id=6419&n=L2diYXJvbS8wMzQxLnppcA==&t=%E6%98%9F%E9%99%85%E5%A4%A7%E6%88%98%E9%A6%96%E9%83%A8%E6%9B%B2-%E7%BB%9D%E5%9C%B0%E6%AD%A6%E5%A3%AB&ac=5&p=/gbapic/0341.jpg">星球大战绝地武士</a></li>
<li class="icon-l5"><a href="https://www.yikm.net/play?id=6167&n=L2diYXJvbS8wMDgzLnppcA==&t=%E5%BF%AB%E6%89%93%E6%97%8B%E9%A3%8EONE&ac=5&p=/gbapic/0083.jpg">快打旋风新版本</a></li>
</ul>
</section>
</div>
<!-- 页脚 -->
<div id="footer">
<!-- 制作者川川学长-->
</div>
</div>
</body>
</html>
<!-- 完结。。。 -->->