first commit
89
css/animation.css
Normal file
@ -0,0 +1,89 @@
|
||||
/*模糊渐入动画*/
|
||||
@keyframes fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
backdrop-filter: blur(0px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
backdrop-filter: blur(0px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
backdrop-filter: blur(0px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
backdrop-filter: blur(0px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
}
|
||||
|
||||
/*渐入动画*/
|
||||
@keyframes fade {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fade {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fade {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
64
css/font.css
Normal file
@ -0,0 +1,64 @@
|
||||
@font-face {
|
||||
font-family: "iconfont";
|
||||
src: url('../font/font_2831425_80aedhvquju.woff2') format('woff2'),
|
||||
url('../font/font_2831425_80aedhvquju.woff') format('woff'),
|
||||
url('../font/font_2831425_80aedhvquju.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Pacifico-Regular";
|
||||
src: url('../font/Pacifico-Regular.ttf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "UnidreamLED";
|
||||
src: url('../font/UnidreamLED.ttf');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-youxiang:before {
|
||||
content: "\e605";
|
||||
}
|
||||
|
||||
.icon-github:before {
|
||||
content: "\e691";
|
||||
}
|
||||
|
||||
.icon-telegram1:before {
|
||||
content: "\e731";
|
||||
}
|
||||
|
||||
.icon-QQ:before {
|
||||
content: "\e882";
|
||||
}
|
||||
|
||||
.icon-twitter:before {
|
||||
content: "\e883";
|
||||
}
|
||||
|
||||
.icon-github1:before {
|
||||
content: "\e799";
|
||||
}
|
||||
|
||||
.icon-weixin:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
||||
.icon-telegram:before {
|
||||
content: "\e8db";
|
||||
}
|
||||
|
||||
.icon-yinhao-copy:before {
|
||||
content: "\e608";
|
||||
}
|
||||
|
||||
.icon-yinhao-copy-copy:before {
|
||||
content: "\e62e";
|
||||
}
|
125
css/loading.css
Normal file
@ -0,0 +1,125 @@
|
||||
#loading-box .loading-left-bg,
|
||||
#loading-box .loading-right-bg {
|
||||
position: fixed;
|
||||
z-index: 999998;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
background-color: rgb(81 81 81 / 80%);
|
||||
transition: all 0.7s cubic-bezier(0.42, 0, 0, 1.01);
|
||||
backdrop-filter: blur(40px);
|
||||
}
|
||||
|
||||
#loading-box .loading-right-bg {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#loading-box>.spinner-box {
|
||||
position: fixed;
|
||||
z-index: 999999;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
#loading-box .spinner-box .loading-word {
|
||||
position: absolute;
|
||||
color: #ffffff;
|
||||
font-size: 0.95rem;
|
||||
transform: translateY(64px);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p.loading-title {
|
||||
font-size: 1.25rem;
|
||||
margin: 20px 10px 4px 10px;
|
||||
}
|
||||
|
||||
#loading-box .spinner-box .configure-core {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #37474f;
|
||||
}
|
||||
|
||||
div.loaded div.loading-left-bg {
|
||||
transform: translate(-100%, 0);
|
||||
}
|
||||
|
||||
div.loaded div.loading-right-bg {
|
||||
transform: translate(100%, 0);
|
||||
}
|
||||
|
||||
div.loaded div.spinner-box {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.loader {
|
||||
position: absolute;
|
||||
top: calc(50% - 32px);
|
||||
left: calc(50% - 32px);
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 50%;
|
||||
perspective: 800px;
|
||||
transition: all 0.7s cubic-bezier(0.42, 0, 0, 1.01);
|
||||
}
|
||||
|
||||
.inner {
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.inner.one {
|
||||
left: 0%;
|
||||
top: 0%;
|
||||
animation: rotate-one 1s linear infinite;
|
||||
border-bottom: 3px solid #EFEFFA;
|
||||
}
|
||||
|
||||
.inner.two {
|
||||
right: 0%;
|
||||
top: 0%;
|
||||
animation: rotate-two 1s linear infinite;
|
||||
border-right: 3px solid #EFEFFA;
|
||||
}
|
||||
|
||||
.inner.three {
|
||||
right: 0%;
|
||||
bottom: 0%;
|
||||
animation: rotate-three 1s linear infinite;
|
||||
border-top: 3px solid #EFEFFA;
|
||||
}
|
||||
|
||||
@keyframes rotate-one {
|
||||
0% {
|
||||
transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate-two {
|
||||
0% {
|
||||
transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate-three {
|
||||
0% {
|
||||
transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
|
||||
}
|
||||
}
|
225
css/mobile.css
Normal file
@ -0,0 +1,225 @@
|
||||
@charset"utf-8";
|
||||
|
||||
/*小于1400px时*/
|
||||
@media (max-width: 1400px) {
|
||||
|
||||
/*时钟显示*/
|
||||
span#win_text,
|
||||
span#win_speed {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*小于1200px时*/
|
||||
@media (max-width: 1200px) {
|
||||
|
||||
/*总布局*/
|
||||
.container,
|
||||
.container-lg,
|
||||
.container-md,
|
||||
.container-sm {
|
||||
max-width: 1100px !important;
|
||||
}
|
||||
|
||||
/*天气模块*/
|
||||
.weather {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.weekday {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*小于992px时*/
|
||||
@media (max-width: 992px) {
|
||||
|
||||
/*一言*/
|
||||
.col.hitokotos {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*日期显示*/
|
||||
.weekday {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/*标题文字*/
|
||||
.main-img img {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
span.img-title {
|
||||
font-size: 4.75rem;
|
||||
}
|
||||
|
||||
span.img-text {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
/*小于789px时*/
|
||||
@media (max-width: 789px) {
|
||||
|
||||
/*标题文字*/
|
||||
span.img-text {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*小于768px时*/
|
||||
@media (max-width: 768px) {
|
||||
|
||||
/*标题文字*/
|
||||
.main-img img {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
span.img-title {
|
||||
font-size: 4.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/*小于660px时*/
|
||||
@media (max-width: 660px) {
|
||||
|
||||
/*左侧栏高度*/
|
||||
.main-left {
|
||||
transform: translateY(20px);
|
||||
}
|
||||
|
||||
/*右侧栏隐藏*/
|
||||
.col.right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*标题文字*/
|
||||
span.img-text {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/*简介*/
|
||||
.message {
|
||||
max-width: 100%;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/*
|
||||
.des {
|
||||
justify-content: space-between;
|
||||
}
|
||||
*/
|
||||
|
||||
/*社交链接*/
|
||||
.social {
|
||||
max-width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#link-text {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.link i {
|
||||
margin: 0px 20px;
|
||||
}
|
||||
|
||||
/*菜单栏按钮*/
|
||||
.menu {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: fixed;
|
||||
top: 84%;
|
||||
}
|
||||
|
||||
.munu-button {
|
||||
padding: 5px 20px;
|
||||
background: rgb(0 0 0 / 20%);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 6px;
|
||||
font-size: 1.25rem;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
/*页脚文字*/
|
||||
footer {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 660px) {
|
||||
.menu {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*小于390px时*/
|
||||
@media (max-width: 390px) {
|
||||
.main-img img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
菜单按钮
|
||||
*/
|
||||
.menus .col.left {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menus .col.right {
|
||||
display: block !important;
|
||||
transition: 0.5s;
|
||||
padding: 0rem 0.75rem;
|
||||
}
|
||||
|
||||
/*功能区调整*/
|
||||
.menus .col.hitokotos {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.menus .col.times {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*边界布局*/
|
||||
.menus .row {
|
||||
--bs-gutter-x: 0rem;
|
||||
}
|
||||
|
||||
.menus .col.\32 {
|
||||
margin: 0 0.75rem;
|
||||
}
|
||||
|
||||
.menus .logo {
|
||||
display: inline !important;
|
||||
position: fixed;
|
||||
top: 8%;
|
||||
font-family: 'Pacifico-Regular';
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
/*切换动画*/
|
||||
.hitokoto,
|
||||
.time,
|
||||
.link-card,
|
||||
.message {
|
||||
animation: fade-in 0.5;
|
||||
-webkit-animation: fade-in 0.5s;
|
||||
-moz-animation: fade-in 0.5s;
|
||||
-o-animation: fade-in 0.5s;
|
||||
-ms-animation: fade-in 0.5s;
|
||||
}
|
||||
|
||||
.logo,
|
||||
.line,
|
||||
.main-img,
|
||||
.social {
|
||||
animation: fade 0.5;
|
||||
-webkit-animation: fade 0.5s;
|
||||
-moz-animation: fade 0.5s;
|
||||
-o-animation: fade 0.5s;
|
||||
-ms-animation: fade 0.5s;
|
||||
}
|
287
css/style.css
Normal file
@ -0,0 +1,287 @@
|
||||
@charset"utf-8";
|
||||
/*全局样式*/
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
*,
|
||||
a,
|
||||
p {
|
||||
text-decoration: none;
|
||||
transition: 0.3s;
|
||||
color: #efefef;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.cards {
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.cards:hover {
|
||||
transform: scale(1.01);
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.cards:active {
|
||||
transform: scale(0.95);
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
/*页面样式*/
|
||||
section {
|
||||
display: block;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgb(0 0 0 / 20%);
|
||||
display: flex;
|
||||
/*align-items: center;*/
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.row {
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main-left {
|
||||
/*transform: translateY(240px);*/
|
||||
transform: translateY(40px);
|
||||
}
|
||||
/*
|
||||
.main-right {
|
||||
transform: translateY(38%);
|
||||
}
|
||||
*/
|
||||
.row.rightone {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/*头像*/
|
||||
.main-img {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.main-img img {
|
||||
border-radius: 50%;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.img-title {
|
||||
width: 100%;
|
||||
margin-left: 12px;
|
||||
font-family: Pacifico-Regular;
|
||||
transform: translateY(-8%);
|
||||
}
|
||||
|
||||
span.img-title {
|
||||
font-size: 5rem;
|
||||
}
|
||||
|
||||
span.img-text {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
/*简介*/
|
||||
.message {
|
||||
background: rgb(0 0 0 / 25%);
|
||||
backdrop-filter: blur(10px);
|
||||
/*margin: 0.5rem;*/
|
||||
padding: 1rem;
|
||||
border-radius: 6px;
|
||||
margin-top: 3.5rem;
|
||||
max-width: 460px;
|
||||
}
|
||||
|
||||
.des {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
p.des-title {
|
||||
margin: 1rem 1rem;
|
||||
line-height: 2rem;
|
||||
font-family: Pacifico-Regular;
|
||||
}
|
||||
|
||||
i.iconfont.icon-yinhao-copy {
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
/*社交链接*/
|
||||
.social {
|
||||
margin-top: 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: 460px;
|
||||
}
|
||||
|
||||
.link i {
|
||||
font-size: 1.75rem;
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
#link-text {
|
||||
display: none;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
/*一言*/
|
||||
.hitokoto {
|
||||
width: 100%;
|
||||
background: rgb(0 0 0 / 25%);
|
||||
backdrop-filter: blur(10px);
|
||||
padding: 20px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.hitokoto-all {
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.hitokoto-from {
|
||||
margin-top: 10px;
|
||||
font-weight: bold;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
/*时间卡片*/
|
||||
.time {
|
||||
width: 100%;
|
||||
background: rgb(0 0 0 / 25%);
|
||||
backdrop-filter: blur(10px);
|
||||
padding: 20px;
|
||||
border-radius: 6px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
span.time-text {
|
||||
font-size: 3.25rem;
|
||||
letter-spacing: 2px;
|
||||
font-family: UnidreamLED;
|
||||
}
|
||||
|
||||
/*链接卡片*/
|
||||
.line {
|
||||
margin: 1rem 0.25rem;
|
||||
margin-top: 2rem;
|
||||
font-size: 1.10rem;
|
||||
}
|
||||
|
||||
.link-card {
|
||||
height: 100px;
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
background: rgb(0 0 0 / 25%);
|
||||
backdrop-filter: blur(10px);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.link-card:hover {
|
||||
background: rgb(0 0 0 / 40%);
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
/*更多页面*/
|
||||
.more {
|
||||
display: none;
|
||||
width: 46%;
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
height: 82%;
|
||||
right: 4%;
|
||||
background: rgb(0 0 0 / 25%);
|
||||
backdrop-filter: blur(10px);
|
||||
top: 7%;
|
||||
border-radius: 6px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.mores .more {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
animation: fade;
|
||||
-webkit-animation: fade 0.3s;
|
||||
-moz-animation: fade 0.3s;
|
||||
-o-animation: fade 0.3s;
|
||||
-ms-animation: fade 0.3s;
|
||||
}
|
||||
|
||||
i.fad.fa-comment-alt-dots {
|
||||
font-size: 2.75rem;
|
||||
}
|
||||
|
||||
.mores .col.right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*页脚样式*/
|
||||
footer {
|
||||
text-align: center;
|
||||
height: 46px;
|
||||
backdrop-filter: blur(10px);
|
||||
background: rgb(0 0 0 / 25%);
|
||||
}
|
||||
|
||||
.power {
|
||||
line-height: 46px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/*弹窗样式*/
|
||||
.iziToast {
|
||||
background: rgb(0 0 0 / 45%) !important;
|
||||
backdrop-filter: blur(10px) !important;
|
||||
}
|
||||
|
||||
.iziToast-body .iziToast-message {
|
||||
line-height: 18px !important;
|
||||
}
|
||||
|
||||
.iziToast:after {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.iziToast-message.slideIn {
|
||||
margin-top: 5px !important;
|
||||
}
|
||||
|
||||
.iziToast-message {
|
||||
word-break: break-all !important;
|
||||
}
|
||||
|
||||
.iziToast>.iziToast-close {
|
||||
background: url(https://cdn.jsdelivr.net/gh/imsyy/file/pic/close.png) no-repeat 50% 50% !important;
|
||||
background-size: 8px !important;
|
||||
}
|
BIN
favicon.ico
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
font/Pacifico-Regular.ttf
Normal file
BIN
font/UnidreamLED.ttf
Normal file
BIN
font/font_2831425_80aedhvquju.ttf
Normal file
BIN
font/font_2831425_80aedhvquju.woff
Normal file
BIN
font/font_2831425_80aedhvquju.woff2
Normal file
BIN
img/apple-touch-icon.png
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
img/background.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
img/favicon.ico
Normal file
After Width: | Height: | Size: 264 KiB |
BIN
img/logo.png
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
img/weixin.png
Normal file
After Width: | Height: | Size: 39 KiB |
239
index.html
Normal file
@ -0,0 +1,239 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
|
||||
<head>
|
||||
<!-- 基础信息 -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Access-Control-Allow-Origin" content="*">
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="force-rendering" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="無名の主页">
|
||||
<meta name="keywords" content="無名,个人主页">
|
||||
<meta name="author" content="無名">
|
||||
<title>無名の主页</title>
|
||||
<!-- 引入样式 -->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/loading.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/animation.css">
|
||||
<link rel="icon" href="./favicon.ico">
|
||||
<link rel="apple-touch-icon" href="./img/apple-touch-icon.png">
|
||||
<!-- 引入 Izitoast -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/izitoast@1.4.0/dist/css/iziToast.min.css">
|
||||
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/izitoast@1.4.0/dist/js/iziToast.min.js"></script>
|
||||
<!-- 引入 Fontawesome -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/volantis-x/cdn-fontawesome-pro@master/css/all.min.css"
|
||||
media="all">
|
||||
<!--引入Aplayer-->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
|
||||
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
|
||||
<!--<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>-->
|
||||
<!-- 引入 jQuery -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
|
||||
<!-- 百度统计 -->
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function () {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?14e9f35ff8bc67fd4bcb5f07a6e6655a";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<!-- IE 淘汰计划 -->
|
||||
<script>
|
||||
if ( /*@cc_on!@*/ false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href =
|
||||
"/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location.href);
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--加载动画-->
|
||||
<div id="loading-box">
|
||||
<div class="loading-left-bg"></div>
|
||||
<div class="loading-right-bg"></div>
|
||||
<div class="spinner-box">
|
||||
<div class="loader">
|
||||
<div class="inner one"></div>
|
||||
<div class="inner two"></div>
|
||||
<div class="inner three"></div>
|
||||
</div>
|
||||
<div class="loading-word">
|
||||
<p class="loading-title">無名の主页</p>加载中
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--加载动画结束-->
|
||||
<section id="section" class="section">
|
||||
<main id="main" class="main">
|
||||
<div class="container" id="container">
|
||||
<div class="row">
|
||||
<div class="col left">
|
||||
<!--基本信息-->
|
||||
<div class="main-left">
|
||||
<!--Logo-->
|
||||
<div class="main-img">
|
||||
<img src="./img/logo.png" alt="img">
|
||||
<div class="img-title">
|
||||
<span class="img-title">imsyy</span>
|
||||
<span class="img-text">.top</span>
|
||||
</div>
|
||||
</div>
|
||||
<!--介绍信息-->
|
||||
<div class="message cards" onclick="switchMore()">
|
||||
<div class="des" id="des"><i class="iconfont icon-yinhao-copy-copy"></i>
|
||||
<p class="des-title"><span id="change">Hello World !</span><br /><span
|
||||
id="change1">一个建立于 21 世纪的小站,存活于互联网的边缘</span></p>
|
||||
<i class="iconfont icon-yinhao-copy"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!--社交链接-->
|
||||
<div class="social" id="social">
|
||||
<a href="https://github.com/imsyy" class="link" id="github" target="_blank">
|
||||
<i class="iconfont icon-github"></i>
|
||||
</a>
|
||||
<a href="http://wpa.qq.com/msgrd?v=3&uin=1539250352&site=qq&menu=yes" class="link"
|
||||
id="qq" target="_blank">
|
||||
<i class="iconfont icon-QQ"></i>
|
||||
</a>
|
||||
<a href="mailto:one@imsyy.top" class="link" id="email">
|
||||
<i class="iconfont icon-youxiang"></i>
|
||||
</a>
|
||||
<a href="https://t.me/bottom_user" class="link" id="telegram" target="_blank">
|
||||
<i class="iconfont icon-telegram"></i>
|
||||
</a>
|
||||
<a href="https://twitter.com/iimmsyy" class="link" id="twitter" target="_blank">
|
||||
<i class="iconfont icon-twitter"></i>
|
||||
</a>
|
||||
<a id="link-text">通过这里联系我</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col right">
|
||||
<div class="main-right">
|
||||
<!--功能区-->
|
||||
<div class="row rightone">
|
||||
<div class="col hitokotos">
|
||||
<!--一言-->
|
||||
<div class="hitokoto cards" id="hitokoto">
|
||||
<div class="hitokoto-ico"><i class="fad fa-comment-alt-lines"></i> 一言</div>
|
||||
<div class="hitokoto-all">
|
||||
<div class="hitokoto-text"><span id="hitokoto_text">每一个人都应该明确自己的方向和位置</span>
|
||||
</div>
|
||||
<div class="hitokoto-from">-「 <span id="from_text">無名</span> 」
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col times">
|
||||
<!--时间-->
|
||||
<div class="time cards">
|
||||
<div class="timeshow" id="time"></div>
|
||||
<div class="weather">
|
||||
<span id="city_text">天气</span> <span
|
||||
id="wea_text">加载失败</span> <span id="tem_night">*</span>°C~<span
|
||||
id="tem_day">*</span>°C <span id="win_text">风向</span><span
|
||||
id="win_speed">*</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--分隔线-->
|
||||
<div class="line">
|
||||
<i class="fad fa-grip-lines-vertical"></i>
|
||||
<span class="line-text">网站列表</span>
|
||||
</div>
|
||||
<!--网站链接-->
|
||||
<div class="link">
|
||||
<!--第一组-->
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<a href="https://blog.imsyy.top/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fad fa-blog"></i>
|
||||
<span class="link-name">博客</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col 2">
|
||||
<a href="https://web.imsyy.top/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fad fa-spider-web"></i>
|
||||
<span class="link-name">网址导航</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a href="https://music.imsyy.top/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fad fa-list-music"></i>
|
||||
<span class="link-name">音乐</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--第二组-->
|
||||
<div class="row" style="margin-top: 1.5rem;">
|
||||
<div class="col">
|
||||
<a href="https://lab.imsyy.top/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fad fa-flask"></i>
|
||||
<span class="link-name">实验室</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col 2">
|
||||
<a href="https://share.imsyy.top/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fad fa-cloud-download"></i>
|
||||
<span class="link-name">网盘</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a href="https://blog.imsyy.top/about/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fad fa-info-circle"></i>
|
||||
<span class="link-name">关于</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--展开菜单按钮-->
|
||||
<div class="menu">
|
||||
<a class="munu-button cards" id="menu" onclick="switchMenu()"><i class="fad fa-bars"></i></a>
|
||||
</div>
|
||||
<!--第二屏 Logo-->
|
||||
<div class="logo" style="display: none;">
|
||||
<a>imsyy.top</a>
|
||||
</div>
|
||||
<!--更多内容-->
|
||||
<div class="more cards">
|
||||
<i class="fad fa-comment-alt-dots"></i>
|
||||
<p class="text" style="margin-top: 1.5rem;">还没想好要写些啥</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer id="footer" class="fixed-bottom footer">
|
||||
<div class="power">Copyright © 2020
|
||||
<script>
|
||||
document.write(' - ' + (new Date()).getFullYear())
|
||||
</script> 無名 | <a href="https://beian.miit.gov.cn/" target="_blank">豫ICP备20013231-2号</a>
|
||||
</div>
|
||||
</footer>
|
||||
</section>
|
||||
<!-- JS -->
|
||||
<script type="text/javascript" src="./js/main.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
215
js/main.js
Normal file
@ -0,0 +1,215 @@
|
||||
//弹窗样式
|
||||
iziToast.settings({
|
||||
timeout: 10000,
|
||||
icon: 'Fontawesome',
|
||||
closeOnEscape: 'true',
|
||||
position: 'topLeft',
|
||||
transitionIn: 'bounceInRight',
|
||||
transitionOut: 'fadeOutLeft',
|
||||
displayMode: '2',
|
||||
layout: '2',
|
||||
titleColor: '#efefef',
|
||||
messageColor: '#efefef',
|
||||
iconColor: '#efefef',
|
||||
});
|
||||
|
||||
iziToast.info({
|
||||
icon: 'fad fa-vial',
|
||||
title: '新版站点试运行',
|
||||
message: '还存在亿些小问题 ~ <a href="./old/" style="color:#efefef">返回旧版</a>'
|
||||
});
|
||||
|
||||
//获取一言
|
||||
fetch('https://v1.hitokoto.cn')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
const hitokoto = document.getElementById('hitokoto_text')
|
||||
const from = document.getElementById('from_text')
|
||||
hitokoto.innerText = data.hitokoto
|
||||
from.innerText = data.from
|
||||
})
|
||||
.catch(console.error)
|
||||
|
||||
//获取天气
|
||||
fetch('https://www.tianqiapi.com/free/day?appid=43986679&appsecret=TksqGZT7')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
const wea = document.getElementById('wea_text')
|
||||
const city = document.getElementById('city_text')
|
||||
const tem_night = document.getElementById('tem_night')
|
||||
const tem_day = document.getElementById('tem_day')
|
||||
const win = document.getElementById('win_text')
|
||||
const win_speed = document.getElementById('win_speed')
|
||||
wea.innerText = data.wea
|
||||
city.innerText = data.city
|
||||
tem_night.innerText = data.tem_night
|
||||
tem_day.innerText = data.tem_day
|
||||
win.innerText = data.win
|
||||
win_speed.innerText = data.win_speed
|
||||
})
|
||||
.catch(console.error)
|
||||
|
||||
//获取时间
|
||||
var t = null;
|
||||
t = setTimeout(time, 1000);
|
||||
|
||||
function time() {
|
||||
clearTimeout(t);
|
||||
dt = new Date();
|
||||
var y = dt.getYear() + 1900;
|
||||
var mm = dt.getMonth() + 1;
|
||||
var d = dt.getDate();
|
||||
var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
|
||||
var day = dt.getDay();
|
||||
var h = dt.getHours();
|
||||
var m = dt.getMinutes();
|
||||
var s = dt.getSeconds();
|
||||
if (h < 10) {
|
||||
h = "0" + h;
|
||||
}
|
||||
if (m < 10) {
|
||||
m = "0" + m;
|
||||
}
|
||||
if (s < 10) {
|
||||
s = "0" + s;
|
||||
}
|
||||
document.getElementById("time").innerHTML = y + " 年 " + mm + " 月 " + d + " 日 " + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>";
|
||||
t = setTimeout(time, 1000);
|
||||
}
|
||||
|
||||
//必应壁纸
|
||||
var url = 'https://bird.ioliu.cn/v1/?url=https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=8';
|
||||
var imgUrls = JSON.parse(sessionStorage.getItem("imgUrls"));
|
||||
var index = sessionStorage.getItem("index");
|
||||
var $section = $('#section');
|
||||
if (imgUrls == null) {
|
||||
imgUrls = new Array();
|
||||
index = 0;
|
||||
$.get(url, function (result) {
|
||||
images = result.images;
|
||||
for (let i = 0; i < images.length; i++) {
|
||||
const item = images[i];
|
||||
imgUrls.push(item.url);
|
||||
}
|
||||
var imgUrl = imgUrls[index];
|
||||
var url = "https://www.bing.com" + imgUrl;
|
||||
$section.css("background", "url('" + url + "') center center no-repeat #666");
|
||||
$section.css("background-size", "cover");
|
||||
sessionStorage.setItem("imgUrls", JSON.stringify(imgUrls));
|
||||
sessionStorage.setItem("index", index);
|
||||
});
|
||||
} else {
|
||||
if (index == 7)
|
||||
index = 0;
|
||||
else
|
||||
index++;
|
||||
var imgUrl = imgUrls[index];
|
||||
var url = "https://www.bing.com" + imgUrl;
|
||||
$section.css("background", "url('" + url + "') center center no-repeat #666");
|
||||
$section.css("background-size", "cover");
|
||||
sessionStorage.setItem("index", index);
|
||||
}
|
||||
|
||||
//加载动画
|
||||
window.addEventListener('load', function () {
|
||||
document.body.style.overflow = 'auto';
|
||||
document.getElementById('loading-box').classList.add("loaded")
|
||||
}, false)
|
||||
|
||||
//链接提示文字
|
||||
window.onload = function () {
|
||||
var link = document.getElementById("social");
|
||||
link.onmouseover = function () {
|
||||
document.getElementById("social").style.cssText = "background: rgb(0 0 0 / 25%);backdrop-filter: blur(5px);border-radius: 6px;transition: all 0.5s";
|
||||
document.getElementById("link-text").style.cssText = "display: block;transition: all 0.5s";
|
||||
};
|
||||
link.onmouseout = function () {
|
||||
document.getElementById("social").style.cssText = "background: none;backdrop-filter: none;border-radius: 6px;transition: all 0.5s";
|
||||
document.getElementById("link-text").style.cssText = "display: none;transition: all 0.5s";
|
||||
}
|
||||
|
||||
var link = document.getElementById("github");
|
||||
link.onmouseover = function () {
|
||||
document.getElementById("link-text").innerHTML = "去 Github 看看";
|
||||
};
|
||||
link.onmouseout = function () {
|
||||
document.getElementById("link-text").innerHTML = "通过这里联系我";
|
||||
}
|
||||
var link1 = document.getElementById("qq");
|
||||
link1.onmouseover = function () {
|
||||
document.getElementById("link-text").innerHTML = "有什么事吗";
|
||||
};
|
||||
link1.onmouseout = function () {
|
||||
document.getElementById("link-text").innerHTML = "通过这里联系我";
|
||||
}
|
||||
var link2 = document.getElementById("email");
|
||||
link2.onmouseover = function () {
|
||||
document.getElementById("link-text").innerHTML = "来封 Email";
|
||||
};
|
||||
link2.onmouseout = function () {
|
||||
document.getElementById("link-text").innerHTML = "通过这里联系我";
|
||||
}
|
||||
var link3 = document.getElementById("telegram");
|
||||
link3.onmouseover = function () {
|
||||
document.getElementById("link-text").innerHTML = "你懂的 ~";
|
||||
};
|
||||
link3.onmouseout = function () {
|
||||
document.getElementById("link-text").innerHTML = "通过这里联系我";
|
||||
}
|
||||
var link4 = document.getElementById("twitter");
|
||||
link4.onmouseover = function () {
|
||||
document.getElementById("link-text").innerHTML = "你懂的 ~";
|
||||
};
|
||||
link4.onmouseout = function () {
|
||||
document.getElementById("link-text").innerHTML = "通过这里联系我";
|
||||
}
|
||||
};
|
||||
|
||||
//菜单栏切换
|
||||
function switchMenu() {
|
||||
var menu = document.cookie.replace(/(?:(?:^|.*;\s*)menu\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
|
||||
if (menu == '0') {
|
||||
document.getElementById("container").classList.add('menus');
|
||||
document.getElementById("menu").innerHTML = "<i class='fad fa-times'></i>";
|
||||
document.cookie = "menu=1;path=/";
|
||||
} else {
|
||||
document.getElementById("container").classList.remove('menus');
|
||||
document.getElementById("menu").innerHTML = "<i class='fad fa-bars'></i>";
|
||||
document.cookie = "menu=0;path=/";
|
||||
}
|
||||
}
|
||||
|
||||
//更多页面切换
|
||||
function switchMore() {
|
||||
var more = document.cookie.replace(/(?:(?:^|.*;\s*)more\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
|
||||
if (more == '0') {
|
||||
document.getElementById("container").classList.add('mores');
|
||||
document.getElementById("change").innerHTML = "Oops !";
|
||||
document.getElementById("change1").innerHTML = "哎呀,这都被你发现了( 再点击一次可关闭 )";
|
||||
document.cookie = "more=1;path=/";
|
||||
} else {
|
||||
document.getElementById("container").classList.remove('mores');
|
||||
document.getElementById("change").innerHTML = "Hello World !";
|
||||
document.getElementById("change1").innerHTML = "一个建立于 21 世纪的小站,存活于互联网的边缘";
|
||||
document.cookie = "more=0;path=/";
|
||||
}
|
||||
}
|
||||
|
||||
//监听网页宽度
|
||||
window.addEventListener('load', function () {
|
||||
//console.log(window.innerWidth);
|
||||
window.addEventListener('resize', function () {
|
||||
//console.log(window.innerWidth);
|
||||
//关闭移动端样式
|
||||
if (window.innerWidth >= 600) {
|
||||
document.getElementById("container").classList.remove('menus');
|
||||
}
|
||||
//移动端隐藏更多页面
|
||||
if (window.innerWidth <= 660) {
|
||||
document.getElementById("container").classList.remove('mores');
|
||||
document.getElementById("change").innerHTML = "Hello World !";
|
||||
document.getElementById("change1").innerHTML = "一个建立于 21 世纪的小站,存活于互联网的边缘";
|
||||
}
|
||||
})
|
||||
|
||||
})
|
283
js/music.js
Normal file
@ -0,0 +1,283 @@
|
||||
function aplayer() {
|
||||
const ap = new APlayer({
|
||||
container: document.getElementById('aplayer'),
|
||||
order: 'random',
|
||||
preload: 'auto',
|
||||
volume: 0.5,
|
||||
mutex: true,
|
||||
listFolded: true, lrcType: 3,
|
||||
audio: [{
|
||||
name: 'Mojito',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-Mojito.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M0000009C3rp3Kfwg0_3.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-Mojito.lrc',
|
||||
theme: '#3fbce8'
|
||||
},
|
||||
{
|
||||
name: '夜曲',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%A4%9C%E6%9B%B2.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M0000024bjiL2aocxT_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%A4%9C%E6%9B%B2.lrc',
|
||||
theme: '#171513'
|
||||
},
|
||||
{
|
||||
name: '发如雪',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%8F%91%E5%A6%82%E9%9B%AA.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M0000024bjiL2aocxT_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%8F%91%E5%A6%82%E9%9B%AA.lrc',
|
||||
theme: '#171513'
|
||||
},
|
||||
{
|
||||
name: '稻香',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%A8%BB%E9%A6%99.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%A8%BB%E9%A6%99.lrc',
|
||||
theme: '#e3ae55'
|
||||
},
|
||||
{
|
||||
name: '七里香',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%B8%83%E9%87%8C%E9%A6%99.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000003DFRzD192KKD_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%B8%83%E9%87%8C%E9%A6%99.lrc',
|
||||
theme: '#395732'
|
||||
},
|
||||
{
|
||||
name: '晴天',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%99%B4%E5%A4%A9.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000000MkMni19ClKG_3.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%99%B4%E5%A4%A9.lrc',
|
||||
theme: '#08362e'
|
||||
},
|
||||
{
|
||||
name: '以父之名',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%BB%A5%E7%88%B6%E4%B9%8B%E5%90%8D.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000000MkMni19ClKG_3.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%BB%A5%E7%88%B6%E4%B9%8B%E5%90%8D.lrc',
|
||||
theme: '#08362e'
|
||||
},
|
||||
{
|
||||
name: '本草纲目',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%9C%AC%E8%8D%89%E7%BA%B2%E7%9B%AE.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000002jLGWe16Tf1H_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%9C%AC%E8%8D%89%E7%BA%B2%E7%9B%AE.lrc',
|
||||
theme: '#171513'
|
||||
},
|
||||
{
|
||||
name: '简单爱',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%AE%80%E5%8D%95%E7%88%B1.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000000I5jJB3blWeN_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%AE%80%E5%8D%95%E7%88%B1.lrc',
|
||||
theme: '#c21c0f'
|
||||
},
|
||||
{
|
||||
name: '青花瓷',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E9%9D%92%E8%8A%B1%E7%93%B7.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000002eFUFm2XYZ7z_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E9%9D%92%E8%8A%B1%E7%93%B7.lrc',
|
||||
theme: '#000000'
|
||||
},
|
||||
{
|
||||
name: '烟花易冷',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%83%9F%E8%8A%B1%E6%98%93%E5%86%B7.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000000bviBl4FjTpO_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%83%9F%E8%8A%B1%E6%98%93%E5%86%B7.lrc',
|
||||
theme: '#86b5bb'
|
||||
},
|
||||
{
|
||||
name: '给我一首歌的时间',
|
||||
artist: '周杰伦',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%BB%99%E6%88%91%E4%B8%80%E9%A6%96%E6%AD%8C%E7%9A%84%E6%97%B6%E9%97%B4.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%BB%99%E6%88%91%E4%B8%80%E9%A6%96%E6%AD%8C%E7%9A%84%E6%97%B6%E9%97%B4.lrc',
|
||||
theme: '#e3ae55'
|
||||
},
|
||||
{
|
||||
name: '千里之外',
|
||||
artist: '周杰伦 / 费玉清',
|
||||
url: 'https://file.imsyy.top/music/songs/%E5%91%A8%E6%9D%B0%E4%BC%A6%26%E8%B4%B9%E7%8E%89%E6%B8%85-%E5%8D%83%E9%87%8C%E4%B9%8B%E5%A4%96.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000002jLGWe16Tf1H_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E5%91%A8%E6%9D%B0%E4%BC%A6%26%E8%B4%B9%E7%8E%89%E6%B8%85-%E5%8D%83%E9%87%8C%E4%B9%8B%E5%A4%96.lrc',
|
||||
theme: '#171513'
|
||||
},
|
||||
{
|
||||
name: '单车',
|
||||
artist: '陈奕迅',
|
||||
url: 'https://file.imsyy.top/music/songs/%E9%99%88%E5%A5%95%E8%BF%85-%E5%8D%95%E8%BD%A6.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000004S8YQr3UmEbG_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E9%99%88%E5%A5%95%E8%BF%85-%E5%8D%95%E8%BD%A6i.lrc',
|
||||
theme: '#32201f'
|
||||
},
|
||||
{
|
||||
name: '浮夸',
|
||||
artist: '陈奕迅',
|
||||
url: 'https://file.imsyy.top/music/songs/%E9%99%88%E5%A5%95%E8%BF%85-%E6%B5%AE%E5%A4%B8.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000003J6fvc0bVJon_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E9%99%88%E5%A5%95%E8%BF%85-%E6%B5%AE%E5%A4%B8.lrc',
|
||||
theme: '#040402'
|
||||
},
|
||||
{
|
||||
name: '十年',
|
||||
artist: '陈奕迅',
|
||||
url: 'https://file.imsyy.top/music/songs/%E9%99%88%E5%A5%95%E8%BF%85-%E6%B5%AE%E5%A4%B8.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000003J6fvc0bVJon_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E9%99%88%E5%A5%95%E8%BF%85-%E6%B5%AE%E5%A4%B8.lrc',
|
||||
theme: '#040402'
|
||||
},
|
||||
{
|
||||
name: '一丝不挂',
|
||||
artist: '陈奕迅',
|
||||
url: 'https://file.imsyy.top/music/songs/%E9%99%88%E5%A5%95%E8%BF%85-%E4%B8%80%E4%B8%9D%E4%B8%8D%E6%8C%82.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000001sjRhH0wqa4Q_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E9%99%88%E5%A5%95%E8%BF%85-%E4%B8%80%E4%B8%9D%E4%B8%8D%E6%8C%82.lrc',
|
||||
theme: '#0d0d0d'
|
||||
},
|
||||
{
|
||||
name: '麻雀',
|
||||
artist: '李荣浩',
|
||||
url: 'https://file.imsyy.top/music/songs/%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E9%BA%BB%E9%9B%80.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000003P3ByD1n8nBK_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E9%BA%BB%E9%9B%80.lrc',
|
||||
theme: '#849fbd'
|
||||
},
|
||||
{
|
||||
name: '老街',
|
||||
artist: '李荣浩',
|
||||
url: 'https://file.imsyy.top/music/songs/%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E8%80%81%E8%A1%97.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000001LP8hk0a6pOp_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E8%80%81%E8%A1%97.lrc',
|
||||
theme: '#e0d7bb'
|
||||
},
|
||||
{
|
||||
name: '年少有为',
|
||||
artist: '李荣浩',
|
||||
url: 'https://file.imsyy.top/music/songs/%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E5%B9%B4%E5%B0%91%E6%9C%89%E4%B8%BA.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000000RLvtE1eDyOs_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E5%B9%B4%E5%B0%91%E6%9C%89%E4%B8%BA.lrc',
|
||||
theme: '#d2ddd5'
|
||||
},
|
||||
{
|
||||
name: '爸爸妈妈',
|
||||
artist: '李荣浩',
|
||||
url: 'https://file.imsyy.top/music/songs/%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E7%88%B8%E7%88%B8%E5%A6%88%E5%A6%88.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000001fi1zG0EjU2u_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E7%88%B8%E7%88%B8%E5%A6%88%E5%A6%88.lrc',
|
||||
theme: '#aec3ce'
|
||||
},
|
||||
{
|
||||
name: '干杯',
|
||||
artist: '五月天',
|
||||
url: 'https://file.imsyy.top/music/songs/%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%B9%B2%E6%9D%AF.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000001fbipy4azgKM_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%B9%B2%E6%9D%AF.lrc',
|
||||
theme: '#0f1e32'
|
||||
},
|
||||
{
|
||||
name: '倔强',
|
||||
artist: '五月天',
|
||||
url: 'https://file.imsyy.top/music/songs/%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%80%94%E5%BC%BA.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M0000006MmDz4Hl2Ud_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%80%94%E5%BC%BA.lrc',
|
||||
theme: '#b3dae1'
|
||||
},
|
||||
{
|
||||
name: '你不是真正的快乐',
|
||||
artist: '五月天',
|
||||
url: 'https://file.imsyy.top/music/songs/%E4%BA%94%E6%9C%88%E5%A4%A9-%E4%BD%A0%E4%B8%8D%E6%98%AF%E7%9C%9F%E6%AD%A3%E7%9A%84%E5%BF%AB%E4%B9%90.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M0000020I7sO0ayXhN_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E4%BA%94%E6%9C%88%E5%A4%A9-%E4%BD%A0%E4%B8%8D%E6%98%AF%E7%9C%9F%E6%AD%A3%E7%9A%84%E5%BF%AB%E4%B9%90.lrc',
|
||||
theme: '#0a0708'
|
||||
},
|
||||
{
|
||||
name: '派对动物',
|
||||
artist: '五月天',
|
||||
url: 'https://file.imsyy.top/music/songs/%E4%BA%94%E6%9C%88%E5%A4%A9-%E6%B4%BE%E5%AF%B9%E5%8A%A8%E7%89%A9.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000002fRO0N4FftzY_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/%E4%BA%94%E6%9C%88%E5%A4%A9-%E6%B4%BE%E5%AF%B9%E5%8A%A8%E7%89%A9.lrc',
|
||||
theme: '#d0e8f2'
|
||||
},
|
||||
{
|
||||
name: 'Jackpot',
|
||||
artist: 'TheFatRat',
|
||||
url: 'https://file.imsyy.top/music/songs/TheFatRat-Jackpot.mp3',
|
||||
cover: 'https://p2.music.126.net/MoyUJHTq1RcFvGy3N3Ooxg==/18596040161820969.jpg?param=130y130',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/music.lrc',
|
||||
theme: '#813D25'
|
||||
},
|
||||
{
|
||||
name: 'All About Us',
|
||||
artist: 'He Is We / Owl City',
|
||||
url: 'https://file.imsyy.top/music/songs/He%20Is%20We%26Owl%20City-All%20About%20Us.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000004b2Efp2dEWlo_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/He%20Is%20We%26Owl%20City-All%20About%20Us.lrc',
|
||||
theme: '#ee5a75'
|
||||
},
|
||||
{
|
||||
name: 'You\'re Not Alone',
|
||||
artist: 'Owl City / Britt Nicole',
|
||||
url: 'https://file.imsyy.top/music/songs/Owl%20City%26Britt%20Nicole-You\'re%20Not%20Alone.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000002ke9Cq3KeWYj_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/Owl%20City%26Britt%20Nicole-You\'re%20Not%20Alone.lrc',
|
||||
theme: '#eff8fa'
|
||||
},
|
||||
{
|
||||
name: 'Good Time',
|
||||
artist: 'Owl City / Carly Rae Jepsen',
|
||||
url: 'https://file.imsyy.top/music/songs/Owl%20City%26Carly%20Rae%20Jepsen-Good%20Time.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000001mat8F3tAzsu_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/Owl%20City%26Carly%20Rae%20Jepsen-Good%20Time.lrc',
|
||||
theme: '#dd111c'
|
||||
},
|
||||
{
|
||||
name: 'Unbelievable',
|
||||
artist: 'Owl City / Hanson',
|
||||
url: 'https://file.imsyy.top/music/songs/Owl%20City%26Hanson-Unbelievable.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000004O8zk80vaqfl_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/Owl%20City%26Hanson-Unbelievable.lrc',
|
||||
theme: '#de7227'
|
||||
},
|
||||
{
|
||||
name: 'Fireflies',
|
||||
artist: 'Owl City',
|
||||
url: 'https://file.imsyy.top/music/songs/Owl%20City-Fireflies.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000002FEF7L03Cv7T_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/Owl%20City-Fireflies.lrc',
|
||||
theme: '#33658d'
|
||||
},
|
||||
{
|
||||
name: 'Gold',
|
||||
artist: 'Owl City',
|
||||
url: 'https://file.imsyy.top/music/songs/Owl%20City-Gold.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000001Y76KO1Vpg7b_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/Owl%20City-Gold.lrc',
|
||||
theme: '#94c1de'
|
||||
},
|
||||
{
|
||||
name: 'The Saltwater Room',
|
||||
artist: 'Owl City',
|
||||
url: 'https://file.imsyy.top/music/songs/Owl%20City-The%20Saltwater%20Room.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M000002FEF7L03Cv7T_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/Owl%20City-The%20Saltwater%20Room.lrc',
|
||||
theme: '#33658d'
|
||||
},
|
||||
{
|
||||
name: 'When Can I See You Again?',
|
||||
artist: 'Owl City',
|
||||
url: 'https://file.imsyy.top/music/songs/Owl%20City-When%20Can%20I%20See%20You%20Again%EF%BC%9F.mp3',
|
||||
cover: 'https://y.gtimg.cn/music/photo_new/T002R300x300M0000034UcqG3UwYdy_1.jpg?max_age=2592000',
|
||||
lrc: 'https://file.imsyy.top/music/lrc/Owl%20City-When%20Can%20I%20See%20You%20Again%EF%BC%9F.lrc',
|
||||
theme: '#0e1c3a'
|
||||
}
|
||||
]
|
||||
});
|
||||
}
|
58
upgrade-your-browser/css/support.style.css
Normal file
@ -0,0 +1,58 @@
|
||||
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
|
||||
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
|
||||
*, ::after, ::before {box-sizing: border-box;}
|
||||
|
||||
a{text-decoration:none;color:#0072c6;}a:hover{text-decoration:none;color:#004d8c;}
|
||||
body{text-align:center;font-size:14px;line-height:24px;font-family:Microsoft YaHei, '宋体', sans-serif;color:#454545;overflow-y:scroll;_overflow-y:auto;*overflow-y:auto}
|
||||
.page{width:960px;margin:0 auto;padding:10px;text-align:left;}
|
||||
h2,h3{font-family:Microsoft YaHei}
|
||||
h1{font-size:40px;line-height:60px;font-weight:100;margin:20px 0 15px;}
|
||||
h2{font-size:20px;line-height:25px;font-weight:100;margin:10px 0;}
|
||||
h3{font-weight:bold}
|
||||
|
||||
code{padding: 2px 4px;font-size: 95%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px;}
|
||||
pre code{white-space: pre-wrap;word-break:break-word;display:inline-block;word-break:break-all;}
|
||||
ul{padding:0 1em;}
|
||||
ul li{list-style-type:disc;list-style-position:inside;}
|
||||
|
||||
b,strong{font-weight:bold}
|
||||
em{color:red}
|
||||
|
||||
p{margin-bottom:10px}
|
||||
hr, .hr{margin:20px 0;border:0;width:100%;height:1px;overflow:hidden;background-color:#ccc}
|
||||
|
||||
.text-right{text-align:right}
|
||||
.clearboth{clear:both;width:100%;content: "";}
|
||||
.clearleft{clear:left;width:100%;content: "";}
|
||||
.clearright{clear:right;width:100%;content: "";}
|
||||
|
||||
.browser-list{margin:16px 0 10px;padding:0;height:42px;_overflow:hidden}
|
||||
.browser{display:block;width:155px;height:34px;line-height:22px;float:left;list-style:none;}
|
||||
.browser.clearleft{height:1px}
|
||||
.browser span{display:block;font-size:12px;line-height:1.2;}
|
||||
.browser img{width:34px;height:34px;border:0;float:left;margin-right:10px;}
|
||||
.browser.firefox{width:150px}
|
||||
.browser.edge{width:150px}
|
||||
.browser.safari{width:150px}
|
||||
.browser.se360{width:160px}
|
||||
.browser.qqbrowser{width:140px}
|
||||
.small-alert{font-size:12px;margin:15px 0 8px;color:#90949c}
|
||||
.small-alert:not(.hide)+hr{margin-top:0}
|
||||
.hide{display:none}
|
||||
.alert-danger{display:block;color:#777;background-color:#f1f1f1;padding:6px 12px;_padding:8px 12px 6px;clear:both;}
|
||||
.alert-info{color:#000;background-color:#f1f6fc;margin-top:12px}
|
||||
.alert-info img{vertical-align:text-top;}
|
||||
#win-danger{margin-top:12px;position: relative;}
|
||||
#win-danger .arrow{background:url(/images/arrow.png) no-repeat;border:0;position:absolute;display:block;width:20px;height:12px;left:325px;top:-12px}
|
||||
|
||||
.targetline, #referrer a{word-break:break-all;}
|
||||
.top-alert {background:#f2f2f2;}
|
||||
.top-alert-content {font-size:14px;}
|
||||
|
||||
@media only screen and (max-width: 959px) {
|
||||
.page {max-width:100%;padding:20px;font-size:16px;line-height:26px;}
|
||||
h1 {font-size:26px;line-height:1.8;font-weight:bold;margin-top:0}
|
||||
.browser-list {height:auto}
|
||||
.browser {margin:0 20px 20px 0}
|
||||
code {word-break: break-word;}
|
||||
}
|
58
upgrade-your-browser/end-of-ie-support/css/support.style.css
Normal file
@ -0,0 +1,58 @@
|
||||
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
|
||||
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
|
||||
*, ::after, ::before {box-sizing: border-box;}
|
||||
|
||||
a{text-decoration:none;color:#0072c6;}a:hover{text-decoration:none;color:#004d8c;}
|
||||
body{text-align:center;font-size:14px;line-height:24px;font-family:Microsoft YaHei, '宋体', sans-serif;color:#454545;overflow-y:scroll;_overflow-y:auto;*overflow-y:auto}
|
||||
.page{width:960px;margin:0 auto;padding:10px;text-align:left;}
|
||||
h2,h3{font-family:Microsoft YaHei}
|
||||
h1{font-size:40px;line-height:60px;font-weight:100;margin:20px 0 15px;}
|
||||
h2{font-size:20px;line-height:25px;font-weight:100;margin:10px 0;}
|
||||
h3{font-weight:bold}
|
||||
|
||||
code{padding: 2px 4px;font-size: 95%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px;}
|
||||
pre code{white-space: pre-wrap;word-break:break-word;display:inline-block;word-break:break-all;}
|
||||
ul{padding:0 1em;}
|
||||
ul li{list-style-type:disc;list-style-position:inside;}
|
||||
|
||||
b,strong{font-weight:bold}
|
||||
em{color:red}
|
||||
|
||||
p{margin-bottom:10px}
|
||||
hr, .hr{margin:20px 0;border:0;width:100%;height:1px;overflow:hidden;background-color:#ccc}
|
||||
|
||||
.text-right{text-align:right}
|
||||
.clearboth{clear:both;width:100%;content: "";}
|
||||
.clearleft{clear:left;width:100%;content: "";}
|
||||
.clearright{clear:right;width:100%;content: "";}
|
||||
|
||||
.browser-list{margin:16px 0 10px;padding:0;height:42px;_overflow:hidden}
|
||||
.browser{display:block;width:155px;height:34px;line-height:22px;float:left;list-style:none;}
|
||||
.browser.clearleft{height:1px}
|
||||
.browser span{display:block;font-size:12px;line-height:1.2;}
|
||||
.browser img{width:34px;height:34px;border:0;float:left;margin-right:10px;}
|
||||
.browser.firefox{width:150px}
|
||||
.browser.edge{width:150px}
|
||||
.browser.safari{width:150px}
|
||||
.browser.se360{width:160px}
|
||||
.browser.qqbrowser{width:140px}
|
||||
.small-alert{font-size:12px;margin:15px 0 8px;color:#90949c}
|
||||
.small-alert:not(.hide)+hr{margin-top:0}
|
||||
.hide{display:none}
|
||||
.alert-danger{display:block;color:#777;background-color:#f1f1f1;padding:6px 12px;_padding:8px 12px 6px;clear:both;}
|
||||
.alert-info{color:#000;background-color:#f1f6fc;margin-top:12px}
|
||||
.alert-info img{vertical-align:text-top;}
|
||||
#win-danger{margin-top:12px;position: relative;}
|
||||
#win-danger .arrow{background:url(/images/arrow.png) no-repeat;border:0;position:absolute;display:block;width:20px;height:12px;left:325px;top:-12px}
|
||||
|
||||
.targetline, #referrer a{word-break:break-all;}
|
||||
.top-alert {background:#f2f2f2;}
|
||||
.top-alert-content {font-size:14px;}
|
||||
|
||||
@media only screen and (max-width: 959px) {
|
||||
.page {max-width:100%;padding:20px;font-size:16px;line-height:26px;}
|
||||
h1 {font-size:26px;line-height:1.8;font-weight:bold;margin-top:0}
|
||||
.browser-list {height:auto}
|
||||
.browser {margin:0 20px 20px 0}
|
||||
code {word-break: break-word;}
|
||||
}
|
62
upgrade-your-browser/end-of-ie-support/index.html
Normal file
@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="force-rendering" content="webkit" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
|
||||
<meta name="robots" content="noindex,nofollow,noarchive" />
|
||||
<title>对旧版 Internet Explorer 的支持服务已终止</title>
|
||||
<meta name="description"
|
||||
content="从 2016 年 1 月 12 日开始,仅面向受支持操作系统的最新版 Internet Explorer 将收到技术支持和安全更新。Internet Explorer 11 是最新版的 Internet Explorer,将继续在 Windows 7、Windows 8.1 和 Windows 10 上收到安全更新、兼容性修复程序和技术支持。" />
|
||||
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
||||
<meta http-equiv="Cache-Control" content="no-transform" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="./" target="_blank" />
|
||||
<script src="./js/er3eport.js"></script>
|
||||
<link rel="icon" type="image/png" href="../favicon.ico" />
|
||||
<link type="text/css" rel="stylesheet" href="./css/support.style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="top-alert">
|
||||
<div class="page">
|
||||
<div class="top-alert-content">本页是 IE 旧版支持服务终止页面的文字副本,因微软官方网页无法在旧版IE中正常访问,故提供此备份以供旧版IE用户浏览。<a
|
||||
href="https://www.microsoft.com/zh-cn/WindowsForBusiness/End-of-IE-support" target="_blank"
|
||||
rel="nofollow">查看原网页</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page">
|
||||
<h1>对旧版 Internet Explorer 的支持服务已终止</h1>
|
||||
<p>从 2016 年 1 月 12 日开始,仅面向受支持操作系统的最新版 Internet Explorer 将收到技术支持和安全更新。Internet Explorer 11 是最新版的 Internet
|
||||
Explorer,将继续在 Windows 7、Windows 8.1 和 Windows 10 上收到安全更新、兼容性修复程序和技术支持。</p>
|
||||
<div class="hr"></div>
|
||||
<h2>这意味着什么?</h2>
|
||||
<p>这意味着您应该采取行动。2016 年 1 月 12 日之后,Microsoft 将不再为 Internet Explorer
|
||||
早期版本提供安全更新或技术支持。安全更新用于修补可能被恶意软件利用的漏洞,从而为提高用户及其数据的安全性提供帮助。定期安全更新帮助保护计算机不受恶意攻击,因此升级和保持最新很重要。</p>
|
||||
<div class="hr"></div>
|
||||
<h2>我如何升级 Internet Explorer?</h2>
|
||||
<p><strong>中小型企业:</strong>对于考虑浏览器升级的中小型企业,选择有很多。没有 Web 应用程序的中小型组织(员工在 500 人以下)可使用自动更新进行自动更新。对于依赖现有 Web
|
||||
应用程序的中小型企业,可以寻找 Microsoft 认证合作伙伴以了解符合其业务需要的最佳方案。</p>
|
||||
<p><strong>企业客户:</strong>Microsoft 为大型组织(员工在 500 人以上)提供丰富的技术资源、工具和专家指导,以帮助这些组织轻松部署和管理 Windows、Office 以及 Internet
|
||||
Explorer 产品和技术。通过联系您的 Microsoft 销售代表、Microsoft Services 部门或 Microsoft 认证合作伙伴,详细了解迁移和部署计划。了解如何通过访问 TechNet
|
||||
自行试用和部署最新版本的 Edge。</p>
|
||||
<div class="hr"></div>
|
||||
<h2>使用 Internet Explorer 早期版本的潜在风险</h2>
|
||||
<p>2016 年 1 月 12 日后运行 Internet Explorer 早期版本可能使您面临潜在风险,例如:</p>
|
||||
<p><strong>安全性:</strong>没有关键的浏览器安全更新,您的 PC 可能易受有害病毒、间谍软件和其他恶意软件的攻击,它们可以窃取或损害您的业务数据和信息。</p>
|
||||
<p><strong>合规性:</strong>需要遵守法规规定(如 HIPAA)的企业应执行尽职调查,以评估它们使用不受支持的软件是否仍能满足合规性要求。</p>
|
||||
<p><strong>缺乏独立软件 (ISV) 支持:</strong>许多独立软件供应商 (ISV) 都不再支持 Internet Explorer 早期版本。例如,Office 365 采用现代 Web
|
||||
标准,而且与最新浏览器一起使用时运行最出色。</p>
|
||||
<div class="hr"></div>
|
||||
<p>Copyright © 2020 <script>document.write(' - ' + (new Date()).getFullYear())</script> <a href="https://imsyy.top/">無名</a> . All Rights Reserved</p>
|
||||
</div>
|
||||
|
||||
<div style="display:none !important">
|
||||
<script id="hello-world-js" src="./js/hello.world.js"></script>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
60
upgrade-your-browser/end-of-ie-support/js/er3eport.js
Normal file
@ -0,0 +1,60 @@
|
||||
// simple error report by baidu tongji
|
||||
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
var er3eport = {};
|
||||
er3eport.start = (new Date().getTime());
|
||||
er3eport.codetime = function () {
|
||||
return (new Date().getTime()) - er3eport.start;
|
||||
};
|
||||
er3eport.dodnt = function () {
|
||||
window.dnt = 1; if (typeof window.dodnt === 'function') window.dodnt();
|
||||
};
|
||||
er3eport.jqdefined = function () {
|
||||
_hmt.push(['_setCustomVar', 2, 'JSERROR', 'jQueryDefined' + ' # ' + er3eport.codetime(), 3]);
|
||||
er3eport.dodnt();
|
||||
};
|
||||
er3eport.listener = function (msg) {
|
||||
|
||||
var logstr = false;
|
||||
var errtype = 'JSERROR';
|
||||
if (typeof msg === 'string') {
|
||||
logstr = msg;
|
||||
|
||||
} else {
|
||||
if (msg.error) logstr = msg.error.stack;
|
||||
else if (msg.message) logstr = msg.message;
|
||||
|
||||
var src;
|
||||
if (msg.srcElement && msg.srcElement.src) src = msg.srcElement.src;
|
||||
else if (msg.target && msg.target.src) src = msg.target.src;
|
||||
|
||||
if (! logstr) {
|
||||
if (src) {
|
||||
logstr = 'FileError: ' + src;
|
||||
errtype = 'FILEERROR';
|
||||
} else if (msg.type) {
|
||||
logstr = msg.type;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof logstr !== 'string') {
|
||||
logstr = 'empty_error_string'
|
||||
} else {
|
||||
logstr = logstr.replace(/\n/g, '').replace(/\s+/g, ' ');
|
||||
}
|
||||
|
||||
_hmt.push(['_trackEvent', errtype, window.location.pathname, logstr + ' #UA# ' + navigator.userAgent + ' # ' + er3eport.codetime()]);
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
if (typeof jQuery === 'function') er3eport.jqdefined();
|
||||
if (Object.defineProperty) Object.defineProperty(window, 'jQuery', {set: er3eport.jqdefined});
|
||||
|
||||
if (window.addEventListener) {
|
||||
window.addEventListener('error', er3eport.listener, true);
|
||||
} else if (window.attachEvent) {
|
||||
window.attachEvent('onerror', er3eport.listener);
|
||||
}
|
83
upgrade-your-browser/end-of-ie-support/js/hello.world.js
Normal file
@ -0,0 +1,83 @@
|
||||
setTimeout(function() {
|
||||
|
||||
var realPathname = window.location.pathname;
|
||||
// ie 兼容
|
||||
if (realPathname.indexOf('/') !== 0) {
|
||||
realPathname = '/' + realPathname;
|
||||
}
|
||||
var isUPPage = realPathname === '/upgrade-your-browser.html';
|
||||
var isSpHost = window.location.hostname === 'support.dmeng.net';
|
||||
window.dodnt = function() {
|
||||
var now = new Date(); var time = now.getTime(); time += 600 * 1000; now.setTime(time);
|
||||
document.cookie = 'dnt=1' + '; expires=' + now.toUTCString() + '; path=/';
|
||||
}; var doTrack = typeof window.dnt === 'undefined';
|
||||
if (doTrack === false && document.cookie.match(/dnt=1/) === null) window.dodnt();
|
||||
|
||||
window._hmt = window._hmt || [];
|
||||
var _hmt_id = '6ddc2cf73e10ed480880c454b957e809';
|
||||
if (isSpHost) {
|
||||
|
||||
if (doTrack) {
|
||||
|
||||
_hmt_id = '3546503052812606f053b8bb63ef0e99';
|
||||
|
||||
// 统计需要升级的IE版本
|
||||
if (isUPPage) {
|
||||
|
||||
var iever = "none";
|
||||
|
||||
var _jsver = 0;
|
||||
/*@cc_on
|
||||
_jsver = @_jscript_version;
|
||||
@*/
|
||||
if (_jsver === 0) {
|
||||
// IE11 或者不是 IE
|
||||
|
||||
if (!!window.MSInputMethodContext && !!document.documentMode) {
|
||||
iever = 11;
|
||||
}
|
||||
} else {
|
||||
var docmode = document.documentMode;
|
||||
if (!! docmode && docmode > 5) {
|
||||
iever = docmode;
|
||||
} else if (_jsver === 5.7 && window.XMLHttpRequest) {
|
||||
iever = 7;
|
||||
} else if (_jsver === 5.6 || (_jsver === 5.7 && !window.XMLHttpRequest)) {
|
||||
iever = 6;
|
||||
} else {
|
||||
iever = 5;
|
||||
}
|
||||
iever += "";
|
||||
}
|
||||
|
||||
var winver = 'other';
|
||||
var ua = navigator.userAgent;
|
||||
|
||||
if (ua.indexOf("Windows NT 5") !== -1) {
|
||||
winver = 'winXP';
|
||||
} else if (ua.indexOf("Windows NT 6.1") !== -1) {
|
||||
winver = 'win7';
|
||||
} else if (ua.indexOf("Windows NT 6.2") !== -1) {
|
||||
winver = 'win8';
|
||||
} else if (ua.indexOf("Windows NT 6.3") !== -1) {
|
||||
winver = 'win8.1';
|
||||
} else if (ua.indexOf("Windows NT 10") !== -1) {
|
||||
winver = 'win10';
|
||||
}
|
||||
|
||||
_hmt.push(['_setCustomVar', 1, 'ClientVer', winver + "_IE" + iever, 3]);
|
||||
}
|
||||
|
||||
} else {
|
||||
_hmt_id = 'b5afc37c04e670dc17f68727f92ea21c';
|
||||
}
|
||||
}
|
||||
|
||||
_hmt.unshift(['_setAccount', _hmt_id]);
|
||||
|
||||
var helloWorldJS = document.getElementById('hello-world-js');
|
||||
var hm = document.createElement('script');
|
||||
hm.src = '//hm.baidu.com/hm.js?' + _hmt_id;
|
||||
helloWorldJS.parentNode.insertBefore(hm, helloWorldJS);
|
||||
|
||||
}, 1500);
|
BIN
upgrade-your-browser/favicon.ico
Normal file
After Width: | Height: | Size: 66 KiB |
BIN
upgrade-your-browser/images/chrome.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
upgrade-your-browser/images/edge.png
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
upgrade-your-browser/images/firefox.png
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
upgrade-your-browser/images/qqbrowser.png
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
upgrade-your-browser/images/safari.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
upgrade-your-browser/images/se360.png
Normal file
After Width: | Height: | Size: 3.7 KiB |
97
upgrade-your-browser/index.html
Normal file
@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="force-rendering" content="webkit" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>请升级您的浏览器</title>
|
||||
<meta name="description" content="这是一个旧版IE升级提示页" />
|
||||
<script src="./js/er3eport.js"></script>
|
||||
<link rel="icon" type="image/png" href="./favicon.ico" />
|
||||
<base href="./" target="_blank">
|
||||
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
||||
<meta http-equiv="Cache-Control" content="no-transform" />
|
||||
<link type="text/css" rel="stylesheet" href="./css/support.style.css" />
|
||||
<script>
|
||||
var l = window.location, s = l.search.substr(1),
|
||||
r = '', dr = document.referrer, r1 = s.match(/(^|&)referrer=((http|https)[^&]*)/), r2 = s.match(/^referrer=((http|https)\:\/\/.*)$/);
|
||||
if (r2 !== null) r = r2[1]; else if (r1 !== null) r = r1[2];
|
||||
if (r === '' && dr !== '' && dr.match(/\/(?:.*\.dmeng\.net|(?:(?:(?:www|m|wap|cn|search)\.)?(?:google|baidu|sogou|bing|so|yahoo|yandex|duckduckgo)\.com(?:\.[a-z]+)?))/) === null) {
|
||||
l.href = l.protocol + '//' + l.hostname + l.pathname + '?referrer=' + encodeURIComponent(dr) + '&' + s;
|
||||
}
|
||||
var url = decodeURIComponent(r);
|
||||
if (url.indexOf(window.location.hostname + '/') != -1) url = '';
|
||||
var targetUrlHTML = '';
|
||||
if (url !== '') {
|
||||
var m = url.match(/^(https?\:\/\/[^/]+\/)index\.html$/);
|
||||
targetUrlHTML = ' <a href="' + url + '" onclick="alert(\'点击右键“复制快捷方式”(复制链接)到更先进的浏览器访问。\');return false;" rel="noreferrer">' + (m ? m[1] : url) + '</a> ';
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="page">
|
||||
<h1>是时候升级你的浏览器了</h1>
|
||||
<p>你正在使用旧版 Internet Explorer( IE11 及以下版本或使用该内核的浏览器 )。这意味着在升级浏览器前,你将无法访问此网站。</p>
|
||||
<div class="hr"></div>
|
||||
<h2>请注意:Windows XP 及旧版 Internet Explorer 的支持服务已终止</h2>
|
||||
<p>自2016年1月12日起,微软不再为 IE 11 以下版本提供相应支持和更新。没有关键的浏览器安全更新,您的电脑可能易受有害病毒、间谍软件和其他恶意软件的攻击,它们可以窃取或损害您的业务数据和信息。请参阅 <a
|
||||
href="./end-of-ie-support/index.html">微软对旧版 Internet Explorer 的支持服务已终止的说明</a> 。</p>
|
||||
<div class="hr"></div>
|
||||
<h2>更先进的浏览器</h2>
|
||||
<p class="targetline">推荐使用以下浏览器的最新版本。如果你的电脑已有以下浏览器的最新版本则直接使用该浏览器或开启极速模式访问即可。</p>
|
||||
<!-- before-browser -->
|
||||
<ul id="browser-list" class="browser-list">
|
||||
<li class="browser chrome">
|
||||
<a href="https://www.google.cn/chrome/thank-you.html?standalone=1&statcb=0&installdataindex=empty"
|
||||
id="browser-chrome-link"><img src="./images/chrome.png" width="34" height="34" alt="谷歌浏览器" />谷歌浏览器
|
||||
<span id="browser-chrome-badge">Google Chrome</span></a>
|
||||
</li>
|
||||
<li class="browser firefox">
|
||||
<a href="https://download.mozilla.org/?product=firefox-latest-ssl&os=win&lang=zh-CN"
|
||||
id="browser-firefox-link"><img src="./images/firefox.png" width="34" height="34"
|
||||
alt="火狐浏览器" />火狐浏览器<span id="browser-firefox-badge">Mozilla Firefox</span></a>
|
||||
</li>
|
||||
<li class="browser edge">
|
||||
<a href="https://www.microsoft.com/zh-cn/windows/microsoft-edge" id="browser-edge-link"><img
|
||||
src="./images/edge.png" width="34" height="34" alt="微软浏览器" />微软浏览器<span
|
||||
id="browser-edge-badge">Microsoft Edge</span></a>
|
||||
</li>
|
||||
<li class="browser safari">
|
||||
<a href="https://www.apple.com.cn/safari/" id="browser-safari-link"><img
|
||||
src="./images/safari.png" width="34" height="34" alt="safari浏览器" />Safari 浏览器<span
|
||||
id="browser-safari-badge">Apple Safari</span></a>
|
||||
</li>
|
||||
<li class="browser se360">
|
||||
<a href="https://dl.360safe.com/netunion/20140425/360se%2b75526%2bn1abed0ce91.exe"
|
||||
id="browser-se360-link"><img src="./images/se360.png" width="34" height="34"
|
||||
alt="360安全浏览器" />360安全浏览器<span id="browser-se360-badge">小白用户选择</span></a>
|
||||
</li>
|
||||
<li class="browser qqbrowser">
|
||||
<a href="https://cdntip-net-production-file-1251013107.file.myqcloud.com/myapp/rcps/d/85000/QQBrowser_subid@100002_urlid@100002.exe"
|
||||
id="browser-qqbrowser-link"><img src="./images/qqbrowser.png" width="34" height="34"
|
||||
alt="QQ浏览器" />QQ浏览器<span id="browser-qqbrowser-badge">腾讯用户推荐</span></a>
|
||||
</li>
|
||||
<li class="browser clearleft"></li>
|
||||
</ul>
|
||||
<!-- after-browser -->
|
||||
<div class="hr"></div>
|
||||
<h2>为什么会出现这个页面?</h2>
|
||||
<p>如果你不知道升级浏览器是什么意思,请请教一些熟练电脑操作的朋友。如果你使用的不是 IE6 / 7 / 8 / 9 / 10,而是 Google Chrome、Safari、Microsoft Edge、火狐浏览器等,出现这个页面可能是因为你使用的不是该浏览器的最新版本,升级至最新即可。
|
||||
</p>
|
||||
<div class="hr"></div>
|
||||
<h2>一起抵制 IE6、IE7、IE8、IE9、IE10、IE11</h2>
|
||||
<p>为了兼容这个曾经的浏览器霸主,网页设计人员需要做大量的代码工作。对于普通用户而言,低版本 IE 更是一个岌岌可危的安全隐患,在 Windows 历史上几次大的木马病毒事件都是利用 IE 漏洞进行传播。所以,请和我们一起抵制 IE 的过期版本!
|
||||
</p>
|
||||
<div class="hr"></div>
|
||||
<p>Copyright © 2020 <script>document.write(' - ' + (new Date()).getFullYear())</script> <a href="https://imsyy.top/">無名</a> . All Rights Reserved</p>
|
||||
</div>
|
||||
<div style="display:none !important">
|
||||
<script id="hello-world-js" src="./js/hello.world.js"></script>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
60
upgrade-your-browser/js/er3eport.js
Normal file
@ -0,0 +1,60 @@
|
||||
// simple error report by baidu tongji
|
||||
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
var er3eport = {};
|
||||
er3eport.start = (new Date().getTime());
|
||||
er3eport.codetime = function () {
|
||||
return (new Date().getTime()) - er3eport.start;
|
||||
};
|
||||
er3eport.dodnt = function () {
|
||||
window.dnt = 1; if (typeof window.dodnt === 'function') window.dodnt();
|
||||
};
|
||||
er3eport.jqdefined = function () {
|
||||
_hmt.push(['_setCustomVar', 2, 'JSERROR', 'jQueryDefined' + ' # ' + er3eport.codetime(), 3]);
|
||||
er3eport.dodnt();
|
||||
};
|
||||
er3eport.listener = function (msg) {
|
||||
|
||||
var logstr = false;
|
||||
var errtype = 'JSERROR';
|
||||
if (typeof msg === 'string') {
|
||||
logstr = msg;
|
||||
|
||||
} else {
|
||||
if (msg.error) logstr = msg.error.stack;
|
||||
else if (msg.message) logstr = msg.message;
|
||||
|
||||
var src;
|
||||
if (msg.srcElement && msg.srcElement.src) src = msg.srcElement.src;
|
||||
else if (msg.target && msg.target.src) src = msg.target.src;
|
||||
|
||||
if (! logstr) {
|
||||
if (src) {
|
||||
logstr = 'FileError: ' + src;
|
||||
errtype = 'FILEERROR';
|
||||
} else if (msg.type) {
|
||||
logstr = msg.type;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof logstr !== 'string') {
|
||||
logstr = 'empty_error_string'
|
||||
} else {
|
||||
logstr = logstr.replace(/\n/g, '').replace(/\s+/g, ' ');
|
||||
}
|
||||
|
||||
_hmt.push(['_trackEvent', errtype, window.location.pathname, logstr + ' #UA# ' + navigator.userAgent + ' # ' + er3eport.codetime()]);
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
if (typeof jQuery === 'function') er3eport.jqdefined();
|
||||
if (Object.defineProperty) Object.defineProperty(window, 'jQuery', {set: er3eport.jqdefined});
|
||||
|
||||
if (window.addEventListener) {
|
||||
window.addEventListener('error', er3eport.listener, true);
|
||||
} else if (window.attachEvent) {
|
||||
window.attachEvent('onerror', er3eport.listener);
|
||||
}
|
83
upgrade-your-browser/js/hello.world.js
Normal file
@ -0,0 +1,83 @@
|
||||
setTimeout(function() {
|
||||
|
||||
var realPathname = window.location.pathname;
|
||||
// ie 兼容
|
||||
if (realPathname.indexOf('/') !== 0) {
|
||||
realPathname = '/' + realPathname;
|
||||
}
|
||||
var isUPPage = realPathname === '/upgrade-your-browser.html';
|
||||
var isSpHost = window.location.hostname === 'support.dmeng.net';
|
||||
window.dodnt = function() {
|
||||
var now = new Date(); var time = now.getTime(); time += 600 * 1000; now.setTime(time);
|
||||
document.cookie = 'dnt=1' + '; expires=' + now.toUTCString() + '; path=/';
|
||||
}; var doTrack = typeof window.dnt === 'undefined';
|
||||
if (doTrack === false && document.cookie.match(/dnt=1/) === null) window.dodnt();
|
||||
|
||||
window._hmt = window._hmt || [];
|
||||
var _hmt_id = '6ddc2cf73e10ed480880c454b957e809';
|
||||
if (isSpHost) {
|
||||
|
||||
if (doTrack) {
|
||||
|
||||
_hmt_id = '3546503052812606f053b8bb63ef0e99';
|
||||
|
||||
// 统计需要升级的IE版本
|
||||
if (isUPPage) {
|
||||
|
||||
var iever = "none";
|
||||
|
||||
var _jsver = 0;
|
||||
/*@cc_on
|
||||
_jsver = @_jscript_version;
|
||||
@*/
|
||||
if (_jsver === 0) {
|
||||
// IE11 或者不是 IE
|
||||
|
||||
if (!!window.MSInputMethodContext && !!document.documentMode) {
|
||||
iever = 11;
|
||||
}
|
||||
} else {
|
||||
var docmode = document.documentMode;
|
||||
if (!! docmode && docmode > 5) {
|
||||
iever = docmode;
|
||||
} else if (_jsver === 5.7 && window.XMLHttpRequest) {
|
||||
iever = 7;
|
||||
} else if (_jsver === 5.6 || (_jsver === 5.7 && !window.XMLHttpRequest)) {
|
||||
iever = 6;
|
||||
} else {
|
||||
iever = 5;
|
||||
}
|
||||
iever += "";
|
||||
}
|
||||
|
||||
var winver = 'other';
|
||||
var ua = navigator.userAgent;
|
||||
|
||||
if (ua.indexOf("Windows NT 5") !== -1) {
|
||||
winver = 'winXP';
|
||||
} else if (ua.indexOf("Windows NT 6.1") !== -1) {
|
||||
winver = 'win7';
|
||||
} else if (ua.indexOf("Windows NT 6.2") !== -1) {
|
||||
winver = 'win8';
|
||||
} else if (ua.indexOf("Windows NT 6.3") !== -1) {
|
||||
winver = 'win8.1';
|
||||
} else if (ua.indexOf("Windows NT 10") !== -1) {
|
||||
winver = 'win10';
|
||||
}
|
||||
|
||||
_hmt.push(['_setCustomVar', 1, 'ClientVer', winver + "_IE" + iever, 3]);
|
||||
}
|
||||
|
||||
} else {
|
||||
_hmt_id = 'b5afc37c04e670dc17f68727f92ea21c';
|
||||
}
|
||||
}
|
||||
|
||||
_hmt.unshift(['_setAccount', _hmt_id]);
|
||||
|
||||
var helloWorldJS = document.getElementById('hello-world-js');
|
||||
var hm = document.createElement('script');
|
||||
hm.src = '//hm.baidu.com/hm.js?' + _hmt_id;
|
||||
helloWorldJS.parentNode.insertBefore(hm, helloWorldJS);
|
||||
|
||||
}, 1500);
|