تعليق: أعتقد أن الجميع قد شاهدوا مؤثرات Raindrop الخاصة ، ويتم تطبيق المؤثرات الخاصة في هذه المقالة بمساعدة HTML5 ، وهو واضح. يمكن للأصدقاء المهتمين محاولة تشغيلهم.
<html>
<head>
<title> HTML5 Raindrop Effect </title>
<style media = "screen" type = "text/css">
img {display: none ؛ }
الجسم {overflow: Hidden ؛ }
#canvas {position: absolute ؛ أعلى: 0px ؛ اليسار: 0px ؛ }
</style>
<script src = "/jscss/demoimg/201401/rainyday.js" type = "text/javaScript"> </script>
<script type = "text/javaScript">
وظيفة Demo () {
var engine = new Rainyday ('canvas' ، 'Demo1' ، window.innerwidth ، window.innerheight) ؛
engine.grovity = earch.gravity_non_linear ؛
engine.trail = earch.trail_drops ؛
المحرك.
engine.preset (0 ، 2 ، 500)
]) ؛
المحرك.
engine.preset (3 ، 3 ، 0.88) ،
engine.preset (5 ، 5 ، 0.9) ،
engine.preset (6 ، 2 ، 1) ،
] ، 100) ؛
}
</script>
</head>
<body>
<img src = "/jscss/demoimg/201401/8390.jpg"/>
<viv>
<Canvas> </tanvas>
</div>
</body>
</html>