<br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode105'));"><u>复制代码</u></span></div>代码如下:</div> <div class="msgborder" id="phpcode105"> <br> <br> <br><title>HTML5雨滴特效</title> <br><style media="screen" type="text/css"> <br />img { 表示: なし; } <br />body {オーバーフロー: 非表示; } <br />#canvas {位置: 絶対;上: 0px;左: 0px; } <br /></style> <br><script src="/jscss/demoimg/201401/rainyday.js" type="text/javascript"></script> <br><script type="text/javascript"> <br />関数デモ() { <br />var エンジン = new RainyDay('canvas','demo1', window.innerWidth, window.innerHeight); <br />engine.gravity = エンジン.GRAVITY_NON_LINEAR; <br />engine.trail = エンジン.TRAIL_DROPS; <br />engine.rain([ <br />engine.preset(0, 2, 500) <br />]); <br />engine.rain([ <br />engine.preset(3, 3, 0.88), <br />engine.preset(5, 5, 0.9), <br />engine.preset(6, 2, 1), <br />]、100); <br />} <br /></script> <br> <br> <br><img src="/static/imghwm/default1.png" data-src="/jscss/demoimg/201401/8390.jpg" class="lazy" id="demo1" alt="HTML5 で透き通った雨滴の特殊効果を実現_html5 チュートリアル スキル" > <br><div id="cholder"> <br><canvas id="canvas"></canvas> <br> </div> <br> <br> </div>