HTML5雨滴特效，晶莹剔透

<html>
<head>
<title>HTML5雨滴特效</title>
<style media="screen" type="text/css">
img { display: none; }
body { overflow: hidden; }
#canvas { position: absolute; top: 0px; left: 0px; }
</style>
<script src="/jscss/demoimg/201401/rainyday.js" type="text/javascript"></script>
<script type="text/javascript">
function demo() {
var engine = new RainyDay('canvas','demo1', window.innerWidth, window.innerHeight);
engine.gravity = engine.GRAVITY_NON_LINEAR;
engine.trail = engine.TRAIL_DROPS;
engine.rain([engine.preset(0, 2, 500)
]);
engine.rain([engine.preset(3, 3, 0.88),engine.preset(5, 5, 0.9),engine.preset(6, 2, 1),
], 100);
}
</script>
</head>
<body onload="demo();">
<img id="demo1" src="/jscss/demoimg/201401/8390.jpg" />
<div id="cholder">
<canvas id="canvas"></canvas>
</div>
</body>
</html>

▶ Walkthrough007

HTML5雨滴特效，晶莹剔透相关推荐

html5 雨滴特效,canvas雨滴特效
var can = document.getElementById("canvas"); //设置绘图环境 var cxt = can.getContext("2d&qu ...
html5怎么实现雨滴效果,HTML5实现晶莹剔透的雨滴特效
HTML5雨滴特效 img { display: none; } body { overflow: hidden; } #canvas { position: absolute; top: 0px; ...
html页面特效是怎么做的,HTML5实现晶莹剔透的雨滴特效
HTML5雨滴特效 img { display: none; } body { overflow: hidden; } #canvas { position: absolute; top: 0px; ...
html雨滴状的图案代码,HTML_HTML5实现晶莹剔透的雨滴特效，复制代码代码如下: html - phpStudy...
HTML5实现晶莹剔透的雨滴特效复制代码代码如下: HTML5雨滴特效 img { display: none; } body { overflow: hidden; } #canvas { pos ...
html5怎么实现雨滴效果,雨滴效果——HTML5之特效
雨点效果--HTML5之特效 drop.html内容如下: $(document).ready(function(){ }); 其中jquery-1.7.2.min.js为jquery文件,引用自己滴 ...
前端入门（雨滴特效，css）
(看着别人的做的,yysy视频讲的真的好详细,像我这种小白都能听懂了雨滴特效) 大概思路就是,把每个雨滴看作是一个宽为 5px , 长为 30px 的 div,然后用 js 创建窗口大小 / 5 个数 ...
怎么把 html做成雪花特效,CSS3 HTML5下雪特效雪花飘飘
CSS3 HTML5下雪特效雪花飘飘 $(document).ready(function () { makeSnow("christmasSnow", "bg.jpg ...
html5 特效框架,超级惊艳 10款HTML5动画特效推荐
原标题:超级惊艳 10款HTML5动画特效推荐今天我们要来推荐10款超级惊艳的HTML5动画特效,有一些是基于CSS3和jQuery的,比较实用,特别是前几个HTML5动画,简直酷毙了,现在将它们分 ...
html5有哪些小特效,超级惊艳 10款HTML5动画特效推荐
今天我们要来推荐 10 款超级惊艳的 HTML5 动画特效,有一些是基于 CSS3 和 jQuery 的,比较实用,特别是前几个 HTML5 动画,简直酷毙了,现在将它们分享给大家,也许你能用到这些 ...

HTML5雨滴特效，晶莹剔透

延伸阅读

▶ Walkthrough007

HTML5雨滴特效，晶莹剔透相关推荐

最新文章

热门文章