1
0
This commit is contained in:
2024-04-28 17:47:14 +09:00
parent e84bf8cde0
commit e0f8d37728
2 changed files with 10 additions and 10 deletions

View File

@@ -1,14 +1,11 @@
<script> <script>
function sun_open() { function sun_open() {
var b = document.querySelectorAll(".sun");
var n = document.querySelectorAll(".nasa"); var n = document.querySelectorAll(".nasa");
var index = 0, length = b.length; var index = 0, length = n.length;
for ( ; index < length; index++) { for ( ; index < length; index++) {
if (b[index].style.display == 'none') { if (n[index].style.display == 'block') {
b[index].style.display = 'block';
n[index].style.display = 'none'; n[index].style.display = 'none';
} else { } else {
b[index].style.display = 'none';
n[index].style.display = 'block'; n[index].style.display = 'block';
} }
} }
@@ -20,7 +17,9 @@ function sun_open() {
<div class="sun-button"> <div class="sun-button">
<img id="sun-img-button" src="/icon/sun.svg" onclick="sun_open()"> <img id="sun-img-button" src="/icon/sun.svg" onclick="sun_open()">
</div> </div>
<div id="particles-js"></div> <div class="sun-particles">
<div id="particles-js"></div>
</div>
</div> </div>
<script src="/pkg/particles/particles.min.js"></script> <script src="/pkg/particles/particles.min.js"></script>
<script src="/pkg/particles/config.js"></script> <script src="/pkg/particles/config.js"></script>

View File

@@ -1294,10 +1294,6 @@ button.comment_open:hover {
padding: 30px; padding: 30px;
} }
.sun {
display: block;
}
.nasa { .nasa {
display: none; display: none;
} }
@@ -1308,6 +1304,11 @@ button.comment_open:hover {
text-align: center; text-align: center;
width: 100%; width: 100%;
} }
.sun-particles {
display: block;
}
.sun-button img { .sun-button img {
width: 50px; width: 50px;
margin: 50% 0 0 0; margin: 50% 0 0 0;