IrisVega
/
html-re
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modified: public/date.html 

modified:   public/main.html
	modified:   public/script-main.js
	modified:   public/styles-main.css
This commit is contained in:
IrisVega 2024-07-13 15:35:19 +08:00
parent f693b62f41
commit 33a46bddf2
4 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/date.html
View File

@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>选择日期</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="styles-main.css">
</head>
<body background="./bg.png" style="background-size:100% 100%; background-attachment: fixed;">
<button class="closeButton2" id="closeButton">x</button>
<h3>你选择的日期为：</h3>
<div id="selectedDate">No date selected</div>
<script src="script.js"></script>
<script src="script-main.js"></script>
</body>
</html>

1
public/main.html
View File

@ -8,6 +8,7 @@
<link rel="stylesheet" href="styles-main.css">
</head>
<body background="./bg.png" style="background-size:100% 100%; background-attachment: fixed;">
<button class="BackButton" id="BackButton">退出登录</button>
<div class="slider-container">
<input type="range" id="mySlider" min="0" max="100" value="50">
<span id="sliderValue">50</span>

7
public/script-main.js
View File

@ -332,4 +332,9 @@ $(document).ready(function() {
} else {
console.warn('No date found in the URL.');
}
});
});
$(document).ready(function() {
$('#BackButton').click(function() {
window.location.href = '/index.html';
});
});

14
public/styles-main.css
View File

@ -166,3 +166,17 @@ span {
border: 1px solid #ccc;
cursor: pointer;
}
.BackButton {
background-color: #ff69b4; /* 白色背景 */
color: #fff; /* 白色文字 */
border: none;
outline: none;
cursor: pointer;
padding: 5px 10px;
transition: 0.3s;
font-size: 12px; /* 调整字体大小 */
}
.BackButton:hover {
background-color: #ff1493; /* 深粉色背景 */
}