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

以互动方式浏览历史

←上一编辑下一编辑→

可视化wikitext

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

苹果

@@ 第1行： / 第1行： @@
 <html>
-<style>
-.normal-style {
-    -webkit-tap-highlight-color: transparent; /* 移除点击高亮 */
-}
-</style>
 <script>
-function toggleColor(element) {
+function cycleTextData(element) {
-    element.classList.toggle("clicked-style");
+  const states = JSON.parse(element.dataset.states || '["A", "B", "C"]');
-    // 更新文本内容
+  const currentIndex = parseInt(element.dataset.current || 0);
-    element.textContent = element.classList.contains("clicked-style")
+  const nextIndex = (currentIndex + 1) % states.length;
-        ? "HD 10"
-        : "IN 14";
+  element.textContent = states[nextIndex];
-    // 存储状态
+  element.dataset.current = nextIndex;
-    localStorage.setItem('boxState', element.classList.contains("clicked-style"));
 }
-// 页面加载时恢复状态和文本
-window.onload = function() {
-    var box = document.getElementById('myInteractiveBox');
-    if(box) {
-        var isClicked = localStorage.getItem('boxState') === 'true';
-        box.classList.toggle("clicked-style", isClicked);
-        box.textContent = isClicked
-            ? "HD 10"
-            : "IN 14";
-    }
-};
 </script>
-<div id="myInteractiveBox" class="normal-style" onclick="toggleColor(this)">IN 14</div>
+<div onclick="cycleTextData(this)" data-states='["苹果", "香蕉", "橙子"]'
+     data-current="0" style="cursor:pointer; padding:8px; border:1px solid #ddd;">
+  苹果
+</div>
 </html>