jQuery

【jQuery】ウェブサイトに葉っぱの装飾をするjQuery Leaves

April 22, 2017
jQuery Leaves

jQuery Leavesは葉をクリックすると、葉が落ちます。落ち葉をクリックすると、魔法が起こります。

Setup

<link rel="stylesheet" type="text/css" href="css/jquery-leaves.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="js/jquery-leaves.js"></script>
var tree = new catLeaves({
    leaves: 30,
    maxY: -10,
    multiply_on_click: true,
    multiply: 2,
    infinite: true,
    speed: 4000
});

Settings

Name Default
leaves 50
max_y 100
multiply_on_click true
multiply 1
infinite true
speed 3000
num_images 8
folder img/leaves

MIT
Demo/Download