|
|
| （未显示同一用户的1个中间版本） |
| 第1行： |
第1行： |
| |}
| |
| -----
| |
| {{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> | | <html> |
| <script> | | <script> |
| 第74行： |
第42行： |
| } | | } |
| </script> | | </script> |
| | | <table width="100%" style="border:none; border-collapse:collapse;"> |
| <!-- 难度选择（EZ 1 / HD 6 / IN 9） --> | | <tr> |
| | | <td colspan="2" style="text-align:center; background-color:#A9FBFF;"><div id="difficulty" onclick="cycleDifficulty(this)" |
| | | data-states='["EZ 1", "HD 6", "IN 9"]' data-current="0" style="cursor:pointer;"> |
| <!-- 比例选择（4:3 / 16:9） --> | | EZ 1 |
| | | </div></td> |
| | | </tr> |
| <!-- 输出结果 --> | | <tr> |
| <p>当前输出: <span id="output">111aaa</span></p> | | <td width="15%" height="300px" style="text-align:center; background-color:#ABCDEF;"><div id="ratio" onclick="cycleRatio(this)" |
| | data-states='["4:3", "16:9"]' data-current="0" style="cursor:pointer;"> |
| | 4:3 |
| | </div></td> |
| | <td><span id="output">111aaa</span></td> |
| | </tr> |
| | </table> |
| </html> | | </html> |
| {|
| |
| |-
| |
| | width="100%" scope="row" colspan="2" style="text-align:center;background-color:#A9FBFF;"| <div id="difficulty" onclick="cycleDifficulty(this)"
| |
| data-states='["EZ 1", "HD 6", "IN 9"]' data-current="0" style="cursor:pointer;">EZ 1</div>
| |
| |-
| |
| | width="15%" height="300px" style="text-align:center;background-color:#ABCDEF;" | <div id="ratio"onclick="cycleRatio(this)" data-states='["4:3", "16:9"]' data-current="0"style="cursor:pointer;">4:3</div> || <span id="output">111aaa</span>
| |
