用户:Xp00000000/Sandbox：修订间差异

以互动方式浏览历史

←上一编辑下一编辑→

可视化wikitext

2025年7月1日 (二) 21:13的版本

IN 14

@@ 第1行： / 第1行： @@
 <html>
+<style>
+.normal-style {
+    -webkit-tap-highlight-color: transparent; /* 移除点击高亮 */
+}
+</style>
 <script>
-function cycleText(element) {
+function toggleColor(element) {
-  const states = ["状态A", "状态B", "状态C"]; // 定义所有状态
+    element.classList.toggle("clicked-style");
-  const currentText = element.textContent.trim();
+    // 更新文本内容
+    element.textContent = element.classList.contains("clicked-style")
-  // 获取当前状态的索引
+        ? "HD 10"
-  let currentIndex = states.indexOf(currentText);
+        : "IN 14";
-  if(currentIndex === -1) currentIndex = 0;
+    // 存储状态
+     localStorage.setItem('boxState', element.classList.contains("clicked-style"));
-  // 计算下一个状态索引（循环）
-  const nextIndex = (currentIndex + 1) % states.length;
-  // 更新文本
-  element.textContent = states[nextIndex];
-  // 可选：存储当前状态（需要唯一ID）
-  if(element.id) {
-     localStorage.setItem('textState_' + element.id, nextIndex);
-  }
 }
+// 页面加载时恢复状态和文本
-// 初始化恢复状态
+window.onload = function() {
-document.addEventListener('DOMContentLoaded', function() {
+    var box = document.getElementById('myInteractiveBox');
-  const element = document.getElementById('cycleDemo');
+    if(box) {
-  if(element && element.id) {
+        var isClicked = localStorage.getItem('boxState') === 'true';
-    const savedIndex = localStorage.getItem('textState_' + element.id);
+        box.classList.toggle("clicked-style", isClicked);
-    if(savedIndex !== null) {
+        box.textContent = isClicked
-      const states = ["状态A", "状态B", "状态C"];
+            ? "HD 10"
-      element.textContent = states[parseInt(savedIndex)];
+            : "IN 14";
      }
-  }
+};
-});
 </script>
+<div id="myInteractiveBox" class="normal-style" onclick="toggleColor(this)">IN 14</div>
-<div id="cycleDemo" onclick="cycleText(this)"
-     style="cursor:pointer; padding:10px; background:#f0f0f0; display:inline-block;">
-  状态A
-</div>
 </html>