一个雪花、爱心飘落的页面

<!--花瓣开始-->
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="http://pic.keede.com/event/2017/2017kjqrj/jquery.let_it_snow.js"></script>
<script>
    $(document).ready(function () {
        $("canvas.flake").let_it_snow({
            windPower: -3,
            speed: 2,
            count: 30,
            size: 10,
            image: "http://pic.keede.com/event/2017/2017qrj/huaban.png"
        });

    });
</script>
<style>
    canvas {
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: fixed;
        z-index: 1000;
        pointer-events: none;
    }
</style>
<canvas width="100%" height="100%" class="flake"></canvas>
<!--花瓣结束-->

效果图:

posted @ 2017-05-18 16:20  贺小鸣  阅读(219)  评论(0编辑  收藏  举报
为尊重他人劳动成果,转载/摘抄请标明来源!