nginx 1.20.1
tcp/443
The following URL (usually /.git/config) is publicly accessible and is leaking source code and repository configuration.
Severity: medium
Fingerprint: 2580fa947178c88602b1737db148c044b81b03713d63bb82370a65227eddc385
[core] repositoryformatversion = 0 filemode = true bare = false logallrefupdates = true [remote "origin"] url = https://github.com/wulabing/3DCEList.git fetch = +refs/heads/*:refs/remotes/origin/* [branch "master"] remote = origin merge = refs/heads/master
The following URL (usually /.git/config) is publicly accessible and is leaking source code and repository configuration.
Severity: medium
Fingerprint: 2580fa947178c88602b1737db148c044b81b03713d63bb82370a65227eddc385
[core] repositoryformatversion = 0 filemode = true bare = false logallrefupdates = true [remote "origin"] url = https://github.com/wulabing/3DCEList.git fetch = +refs/heads/*:refs/remotes/origin/* [branch "master"] remote = origin merge = refs/heads/master
The following URL (usually /.git/config) is publicly accessible and is leaking source code and repository configuration.
Severity: medium
Fingerprint: 2580fa947178c88602b1737db148c044b81b03713d63bb82370a65227eddc385
[core] repositoryformatversion = 0 filemode = true bare = false logallrefupdates = true [remote "origin"] url = https://github.com/wulabing/3DCEList.git fetch = +refs/heads/*:refs/remotes/origin/* [branch "master"] remote = origin merge = refs/heads/master
WARNING: This plugin will generate false positive and is purely informative:
regreSSHion: RCE in OpenSSH's server, on glibc-based Linux systems (CVE-2024-6387)
Severity: info
Fingerprint: 3f43e0ebb5dce37ab8b59eb5a7d696c8bb8c345dbb8c345dbb8c345dbb8c345d
Found potentially vulnerable SSH version: SSH-2.0-OpenSSH_9.2p1 Debian-2 WARNING, RISK IS ESTIMATED FALSE POSITIVE ARE LIKELY
Open service 218.188.154.36:443 · f1.mizar.one
2026-01-02 17:44
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Fri, 02 Jan 2026 17:44:38 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",
Open service 218.188.154.36:443 · lanlan.nameshift.top
2026-01-01 21:56
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Thu, 01 Jan 2026 21:56:23 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",
Open service 218.188.154.36:443
2026-01-01 13:27
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Thu, 01 Jan 2026 13:27:15 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",
Open service 218.188.154.36:22
2026-01-01 12:06
Open service 218.188.154.36:443 · lanlan.nameshift.top
2025-12-30 06:39
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Tue, 30 Dec 2025 06:39:33 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",
Open service 218.188.154.36:22
2025-12-30 02:52
Open service 218.188.154.36:443
2025-12-29 21:36
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Mon, 29 Dec 2025 21:36:17 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",
Open service 218.188.154.36:22
2025-12-23 21:11
Open service 218.188.154.36:443 · f1.mizar.one
2025-12-23 08:20
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Tue, 23 Dec 2025 08:20:42 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",
Open service 218.188.154.36:443 · lanlan.nameshift.top
2025-12-22 14:12
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Mon, 22 Dec 2025 14:12:36 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",
Open service 218.188.154.36:22
2025-12-22 02:38
Open service 218.188.154.36:443
2025-12-22 01:05
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Mon, 22 Dec 2025 01:05:18 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",
Open service 218.188.154.36:443 · f1.mizar.one
2025-12-21 06:58
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Sun, 21 Dec 2025 06:58:42 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",
Open service 218.188.154.36:443 · lanlan.nameshift.top
2025-12-20 13:59
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Sat, 20 Dec 2025 13:59:31 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",
Open service 218.188.154.36:443
2025-12-20 01:05
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Sat, 20 Dec 2025 01:05:14 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",
Open service 218.188.154.36:22
2025-12-20 00:17
Open service 218.188.154.36:443 · f1.mizar.one
2025-12-19 01:27
HTTP/1.1 200 OK
Server: nginx/1.20.1
Date: Fri, 19 Dec 2025 01:27:40 GMT
Content-Type: text/html
Content-Length: 13983
Last-Modified: Fri, 27 Dec 2024 15:10:59 GMT
Connection: close
ETag: "676ec383-369f"
Strict-Transport-Security: max-age=31536000
Accept-Ranges: bytes
Page title: 3D元素周期表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>3D元素周期表</title>
<script>
function fangdajing() {
var sc = document.creatElement('style');
sc.innerHTML="
"
}
</script>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<style>
html,
body {
height: 100%;
}
body {
background-color: #000000;
margin: 0;
font-family: Helvetica, sans-serif;
;
overflow: hidden;
}
a {
color: #ffffff;
}
#info {
position: absolute;
width: 100%;
color: #ffffff;
padding: 5px;
font-family: Monospace;
font-size: 13px;
font-weight: bold;
text-align: center;
z-index: 1;
}
#menu {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
font-family: verdana, Tahoma, Arial, Hei, "Microsoft Yahei", SimHei;
}
.element {
width: 120px;
height: 160px;
box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
border: 1px solid rgba(127, 255, 255, 0.25);
text-align: center;
cursor: default;
}
.element .number {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
.element .symbol {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
font-size: 60px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}
.element .details {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 12px;
color: rgba(127, 255, 255, 0.75);
}
button {
color: rgba(127, 255, 255, 0.75);
background: transparent;
outline: 1px solid rgba(127, 255, 255, 0.75);
border: 0px;
padding: 5px 10px;
cursor: pointer;
}
button:hover {
background-color: rgba(0, 255, 255, 0.5);
}
button:active {
color: #000000;
background-color: rgba(0, 255, 255, 0.75);
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/tween.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/CSS3DRenderer.js"></script>
<div id="container"></div>
<div id="info">3D-元素周期表</div>
<div id="menu">
<button id="table">表面</button>
<button id="sphere">球体</button>
<button id="helix">螺旋</button>
<button id="grid">网格</button>
</div>
<script>
//这里是定义table元素放入展示的内容,在后面再对table进行解析
var table = [
"H", "飞翔的企鹅", "1.00794", 1, 1,
"He", "Helium", "4.002602", 18, 1,
"Li", "Lithium", "#6.941", 1, 2,
"Be", "Beryllium", "9.012182", 2, 2,
"B", "Boron", "#10.811", 13, 2,
"C", "Carbon", "#12.0107", 14, 2,
"N", "Nitrogen", "#14.0067", 15, 2,
"O", "Oxygen", "#15.9994", 16, 2,
"F", "Fluorine", "18.9984032", 17, 2,
"Ne", "Neon", "#20.1797", 18, 2,
"Na", "Sodium", "22.98976...", 1, 3,
"Mg", "Magnesium", "#24.305", 2, 3,
"Al", "Aluminium", "26.9815386", 13, 3,
"Si", "Silicon", "#28.0855", 14, 3,
"P", "Phosphorus", "30.973762", 15, 3,
"S", "Sulfur", "#32.065", 16, 3,
"Cl", "Chlorine", "#35.453", 17, 3,
"Ar", "Argon", "#39.948", 18, 3,
"K", "Potassium", "#39.948", 1, 4,
"Ca", "Calcium", "#40.078", 2, 4,
"Sc", "Scandium", "44.955912", 3, 4,
"Ti", "Titanium", "#47.867", 4, 4,
"V", "Vanadium", "#50.9415", 5, 4,
"Cr", "Chromium", "#51.9961", 6, 4,
"Mn", "Manganese", "54.938045", 7, 4,
"Fe", "Iron", "#55.845", 8, 4,
"Co", "Cobalt", "58.933195", 9, 4,
"Ni", "Nickel", "#58.6934", 10, 4,
"Cu", "Copper", "#63.546", 11, 4,
"Zn",