您的位置：首页 > Web前端 > JavaScript

Js雪花背景

2016-09-13 20:02 429 查看

这款插件效果非常的炫酷能大大提升用户的体验度

引用插件：style.css

jquery-1.7.2.min.js

jquery.let_it_snow.js

编写代码：

<script>

$(document).ready(function(){

$("canvas.flare").let_it_snow({

windPower: 0,

speed: 0,

color: "#392F52",

size:120,

opacity: 0.00000001,

count: 40,

interaction: false

});

$("canvas.snow").let_it_snow({

windPower: 3,

speed: 1,

count: 250,

size: 0

});

$("canvas.flake").let_it_snow({

windPower: -3,

speed: 1,

count: 20,

size: 10,

image: "../雪花/images/white-snowflake.png"

});

});

    </script>

</head>

<body>

    <canvas width="100%" height="100%" class="flare"></canvas>

    <canvas width="100%" height="100%" class="snow"></canvas>

    <canvas width="100%" height="100%" class="flake"></canvas>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航