打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

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

来自Rizline中文维基
 
(未显示同一用户的7个中间版本)
第1行: 第1行:
{|
{{Infobox
|-
|name  = SongInfo1
| width="100%" scope="row" colspan="2" style="text-align:center;background-color:#A9FBFF;"|<html>
|state =
<script>
|title = 详细信息
function cycleTextData(element) {
|headerstyle = background:#0055FF;
  const states = JSON.parse(element.dataset.states || '["A", "B", "C"]');
|labelstyle  = background:#00FF00;
  const currentIndex = parseInt(element.dataset.current || 0);
|label1  = 预览时间
   const nextIndex = (currentIndex + 1) % states.length;
|data1    = 114.5s-191.9s
 
|label2  = Riztime时间
  element.textContent = states[nextIndex];
|data2    = 100.1s-100.3s<br>100.6s-101.5s<br>166.7s-185.0s<br>200.0s-215.8s
  element.dataset.current = nextIndex;
|header3  = 主题颜色
}
|label4   = 常规主题
</script>
|data4    = <span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span>
 
|label5  = Riztime主题1
<div onclick="cycleTextData(this)" data-states='["EZ 1", "HD 6", "IN 9"]'
|data5    = <span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span>
    data-current="0" style="cursor:pointer;">
|label6   = Riztime主题2
  EZ 1
|data6    = <span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span>
</div>
|label7  = Riztime主题3
</html>
|data7    = <span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span>
|-
|label8   = Riztime主题4
| width="15%" height="300px" style="text-align:center;background-color:#ABCDEF;" |<html>
|data8    = <span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span><br><span style="display: inline-block;width: 30px;height: 30px;background: #000000;color: white;"></span><span style="position: relative; left: 10px; top: -8px;"><big>#000000</big></span>
<script>
|header9   = 谱面信息
function cycleTextData(element) {
|header10  = Tap/Drag/Hold
  const states = JSON.parse(element.dataset.states || '["A", "B"]');
|label11   = {{diff|EZ|1}}
   const currentIndex = parseInt(element.dataset.current || 0);
|data11    = 25/35/45
  const nextIndex = (currentIndex + 1) % states.length;
|label12   = {{diff|HD|5}}
 
|data12    = 114/124/134
  element.textContent = states[nextIndex];
|label13   = {{diff|IN|9}}
  element.dataset.current = nextIndex;
|data13    = 350/234/233
}
|header14  = 线条数
</script>
|label15   = {{diff|EZ|1}}
 
|data15    = 250
<div onclick="cycleTextData(this)" data-states='["4:3", "16:9"]'
|label16   = {{diff|HD|5}}
    data-current="0" style="cursor:pointer;">
|data16    = 368
  4:3
|label17  = {{diff|IN|9}}
</div>
|data17    = 1145
</html>|| abc
}}
|}
-----
{{Video|<html>
<script>
function cycleTextData(element) {
  const states = JSON.parse(element.dataset.states || '["A", "B", "C"]');
  const currentIndex = parseInt(element.dataset.current || 0);
  const nextIndex = (currentIndex + 1) % states.length;
 
  element.textContent = states[nextIndex];
  element.dataset.current = nextIndex;
}
</script>
 
<div onclick="cycleTextData(this)" data-states='["EZ 1", "HD 6", "IN 9"]'
    data-current="0" style="cursor:pointer;">EZ 1</div>
</html>|<html>
<script>
function cycleTextData(element) {
   const states = JSON.parse(element.dataset.states || '["A", "B"]');
  const currentIndex = parseInt(element.dataset.current || 0);
  const nextIndex = (currentIndex + 1) % states.length;
 
  element.textContent = states[nextIndex];
  element.dataset.current = nextIndex;
}
</script>
 
<div onclick="cycleTextData(this)" data-states='["4:3", "16:9"]'
    data-current="0" style="cursor:pointer;">4:3</div>
</html>|ccc|png}}
 
<html>
<script>
function cycleTextData(element) {
   const states = JSON.parse(element.dataset.states || '["A", "B", "C"]');
   const currentIndex = parseInt(element.dataset.current || 0);
  const nextIndex = (currentIndex + 1) % states.length;
    
  element.textContent = states[nextIndex];
  element.dataset.current = nextIndex;
 
  // 根据当前文本更新另一个位置的输出
   updateOutput(element.textContent);
}
 
function updateOutput(currentText) {
   const outputMap = {
    "EZ 1": "aaa",
    "HD 6": "bbb",
    "IN 9": "ccc"
  };
 
  const outputElement = document.getElementById("output");
   outputElement.textContent = outputMap[currentText] || "Unknown";
}
</script>
 
<div onclick="cycleTextData(this)" data-states='["EZ 1", "HD 6", "IN 9"]'
    data-current="0" style="cursor:pointer;">
  EZ 1
</div>
 
<!-- 这里显示动态输出 -->
<p>当前输出: <span id="output">aaa</span></p>
</html>

2025年10月23日 (四) 13:53的最新版本

详细信息
预览时间 114.5s-191.9s
Riztime时间 100.1s-100.3s
100.6s-101.5s
166.7s-185.0s
200.0s-215.8s
主题颜色
常规主题 #000000
#000000
#000000
Riztime主题1 #000000
#000000
#000000
Riztime主题2 #000000
#000000
#000000
Riztime主题3 #000000
#000000
#000000
Riztime主题4 #000000
#000000
#000000
谱面信息
Tap/Drag/Hold
EZ 1 25/35/45
HD 5 114/124/134
IN 9 350/234/233
线条数
EZ 1 250
HD 5 368
IN 9 1145