js_javascript スキルによって実装された美しい滝の流れのエフェクト コード

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>滝の流れと頂上へ戻る効果</title> <style type="text/css"> *{ margin:0; padding:0; } h1{ text-align:center; height:100px; } body{ background-color:RGB(232,231,226); } .all{ margin:0 auto; width:1000px; } .number{ float:left; width:225px; } .content { margin:5px; background-color:white; } img{ margin:5px; } .loading{ position: absolute; width:100%; height:40px; display:none; text-align:center; background-color:RGB(189,203,207); } #toTop { position:fixed; _position:fixed; font-size:12px; color:Blue; width:15px; text-align:center; right:300px; bottom:100px; cursor:pointer; background-color:RGB(243,247,251); display:none; } </style> <h1 id="h1"> </h1>TRYが好きです<div id="all" class="all"> <div id="one" class="number"> </div> <div id="two" class="number"> </div> <div id="three" class="number"> </div> <div id="four" class="number"> </div> </div> <div id="loading" class="loading"> <img src="http://files.jb51.net/file_images/article/201211/200803131036175436.gif" alt="js_javascript スキルによって実装された美しい滝の流れのエフェクト コード" > </div> <div id="toTop"> <span></span>△トップに戻る</div>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]