結果を表示する
元にもどす
<html> <meta charset="utf-8"> <script src="jquery.min.js"></script> <p style="text-align:left;margin-top:10px;margin-left:100px;margin-bottom:14px;">楽曲の構成 <input type="button"value=" ◀ Stop "id="りろーど"style="margin-left:40px;color:#789abc;font-weight:bold;font-size:20px;"></p> <audio controls style="vertical-align:middle;"> <source src="Olympic_F.mp3"> </audio> <hr style="margin-top:40px;"> <script> すくりぷと </script> <style> *{margin:0; padding:0;} body{padding:30px;} #サイズ{position:relative; width:600px; height:400px; overflow:hidden;} #エリア{position:absolute; left:0px; width:900px; height:400px; white-space:nowrap;} img{width:600px; height:400px;} </style> <div id="サイズ"> <div id="エリア"></div> </div> <hr> <div> <button id="戻る">◁ 前のページ</button> <button id="次へ">次のページ ▶</button> </div> <script> let りろーど=document.getElementById("りろーど"); りろーど.addEventListener("click",function(){location.reload();}); </script> </html>