cloudflare
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
Open service 188.114.97.3:443 · daping.sbs
2024-09-14 11:03
HTTP/1.1 200 OK Date: Sat, 14 Sep 2024 11:03:26 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close last-modified: Sun, 26 May 2024 03:24:22 GMT strict-transport-security: max-age=31536000 accept-ranges: bytes CF-Cache-Status: DYNAMIC Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=ixcJGOj9OjwRNamMVD5rCxHXfqkIcAE%2B90jwtufnFZNJ%2FCrdKa8jIfvXvhQoFyEExd%2FjMj57V2OjvYxVg%2BV2ju3p7gpFB9xH%2BBCx3wxcPqvupPPWyueGYAcf13xD"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8c2fe3ef4cc4bbe5-FRA alt-svc: h3=":443"; ma=86400 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 188.114.97.3:443 · daping.sbs
2024-09-12 14:36
HTTP/1.1 200 OK Date: Thu, 12 Sep 2024 14:36:14 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close last-modified: Sun, 26 May 2024 03:24:22 GMT strict-transport-security: max-age=31536000 accept-ranges: bytes cf-cache-status: DYNAMIC Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=MF1R4GdRyVpbgToBXgfCQj70JJ%2BnpLfIYar9TUqoGIekFRGX3E%2Bjb50Micy4pVOqYB%2By7xBNyTPTg4rZ3NNo5tXUrU4DonvlTJtAJ0mMsc%2FYnGniJi5AWf0NxsOd"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8c20a0edacd04523-ATL alt-svc: h3=":443"; ma=86400 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 188.114.97.3:443 · daping.sbs
2024-09-10 18:18
HTTP/1.1 200 OK Date: Tue, 10 Sep 2024 18:19:09 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close last-modified: Sun, 26 May 2024 03:24:22 GMT strict-transport-security: max-age=31536000 accept-ranges: bytes CF-Cache-Status: DYNAMIC Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=stjY%2F53mizE9RxGb6ucDuLIbF55ogaMkf%2By9rhdsM5EJml2MwzFcPGTBAgEuyrtX9KCXFEJpvwlJDBWWPgQBIGCIF10qggwk5tnmDcvBoez1tMnraeKZC7cImboY"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8c116cb34d9f0476-FRA alt-svc: h3=":443"; ma=86400 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 188.114.97.3:443 · daping.sbs
2024-09-08 23:07
HTTP/1.1 200 OK Date: Sun, 08 Sep 2024 23:07:52 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close last-modified: Sun, 26 May 2024 03:24:22 GMT strict-transport-security: max-age=31536000 accept-ranges: bytes CF-Cache-Status: DYNAMIC Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=d4onOb3RAtMV7yTBg5zp3x%2Bkv5b18zG3y1xUVCVR3igV6Ccmb%2BQXPdSC9Y0ES4RSV2QJiYvhArVaSZgGPL3TJTpoQa6erIQt3%2F9RsdhhrNGRlObsmeOZ%2BNVMU2Ec"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8c0298df5f1dd389-FRA alt-svc: h3=":443"; ma=86400 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 188.114.97.3:443 · daping.sbs
2024-09-06 20:29
HTTP/1.1 200 OK Date: Fri, 06 Sep 2024 20:29:16 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close last-modified: Sun, 26 May 2024 03:24:22 GMT strict-transport-security: max-age=31536000 accept-ranges: bytes CF-Cache-Status: DYNAMIC Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=j78HwTS9%2FSyCWPjY38gNwutrNM4GMGXw0hmqko5Nux5Pkq6pOf0%2BsxWeS4oyxmfUUQ55P543RXo7cvB1VQOkr9SFgadmyugU9aFneP7hbEa6kwjR1HWpy6BN8Tz9"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8bf135cc79c5bbcd-FRA alt-svc: h3=":443"; ma=86400 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 188.114.97.3:443 · daping.sbs
2024-08-16 07:42
HTTP/1.1 200 OK Date: Fri, 16 Aug 2024 07:42:01 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close last-modified: Sun, 26 May 2024 03:24:22 GMT strict-transport-security: max-age=31536000 accept-ranges: bytes CF-Cache-Status: DYNAMIC Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=z%2FX4%2Bv1Sq8c9g7g9K6wEmlI1XGmf50ZZ5kADNe906IaHZ2u%2FmoOLLHc8zUz3sYrtO4EkJddDwOWkJ74oPDcHoCdmRDou7lfzL6aAoyxJz%2By7LOxGL8LTryG46KJ3"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b3fc9090f3241e1-EWR alt-svc: h3=":443"; ma=86400 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 188.114.97.3:443 · daping.sbs
2024-08-14 05:57
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 05:57:53 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close last-modified: Sun, 26 May 2024 03:24:22 GMT strict-transport-security: max-age=31536000 accept-ranges: bytes CF-Cache-Status: DYNAMIC Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=RbgQTe6XGrLx1ajSvINyRrquifVCTG4gvu6l2KLu2futwpKQeMw%2BOspbz43rMhM9V1igVEFcP1lXOq5aVvUhofcLSKfTW1YkOXLjw0vhCmLa%2BKI8qRcyqdCkWegH"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2eb5b9ff8d2c2a-FRA alt-svc: h3=":443"; ma=86400 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 188.114.97.3:443 · daping.sbs
2024-08-12 07:26
HTTP/1.1 200 OK Date: Mon, 12 Aug 2024 07:26:36 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close last-modified: Sun, 26 May 2024 03:24:22 GMT strict-transport-security: max-age=31536000 accept-ranges: bytes CF-Cache-Status: DYNAMIC Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=wJ9xgtoMiXmgR6nqe7ucCsHEItKJMgFL8m%2BVT47OnJFcqe%2FAgpNe%2B%2BlZ4N3I0c7pyInMlsykyNE%2BhAoHSKIVaUPFjWUmW5qUUjwNxX6bNELzz4ps3dsrQaPlFLz6"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b1ebcf2a8c66aeb-FRA alt-svc: h3=":443"; ma=86400 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 188.114.97.3:443 · daping.sbs
2024-08-10 09:32
HTTP/1.1 200 OK Date: Sat, 10 Aug 2024 09:32:08 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close last-modified: Sun, 26 May 2024 03:24:22 GMT strict-transport-security: max-age=31536000 accept-ranges: bytes CF-Cache-Status: DYNAMIC Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=Tkryrcq0BRnAxPGIZxcSjG5xoTSScchZjblSaDg1nhGhNFXt53HAeb1huB6FRu4lJ2PEHSpKYYAwrhsbFTDAiSEiXkB4V2%2FCGsyE2EkTUyGs5rZ0vaCIsv1DavMM"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b0efa104a978ebe-FRA alt-svc: h3=":443"; ma=86400 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 188.114.97.3:443 · daping.sbs
2024-08-08 11:07
HTTP/1.1 200 OK Date: Thu, 08 Aug 2024 11:07:23 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close last-modified: Sun, 26 May 2024 03:24:22 GMT strict-transport-security: max-age=31536000 accept-ranges: bytes CF-Cache-Status: DYNAMIC Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=gUas6ysmWX5eg%2BnLc2sf12vM0M%2BK9eZJ9ux7QmXwt%2BcpDwp2qTfHA%2FOZKzMd3BkNXTd3Y0BTWIKffVQ4cBiwg%2F4icuxjSTegs%2BIm3PqtPwd40Ts%2B7HkKF1PjqPtA"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8aff0adb9b952c01-FRA alt-svc: h3=":443"; ma=86400 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",