Create leaf effect | JavaScript Tutorial

 You can easily Create leaf effect using JavaScript.

Just Follow those step:-

 First copy those code.

<script language="Javascript"><br /><script><br />if (typeof jQuery == 'undefined') {<br />document.write('<' + 'script');<br />document.write(' language="javascript"');<br />document.write(' type="text/javascript"');<br />document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');<br />document.write('</' + 'script' + '>')<br />}<br /></script><br /><script><br />if (!image_urls) {<br />var image_urls = Array()<br />}<br />if (!flash_urls) {<br />var flash_urls = Array()<br />}<br />image_urls['rain1'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCY33CL_4YU6BFLKLgb91TRTxweUvm3Bq08boJpBG8dV1HK8sM0-B_R6aCidPjZ1_MCpAAVL7MTmiVaLwRK2v3bJQRUHN5m_gIZPGCSD3CCU_4s4gDzO-7ywynI-lClzxuutptP0GouSEH/s1600/Leaf1.png";<br />image_urls['rain2'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmRHcwG8EATJn-EtTNi9w5ao-AwWIrtIaodJMD2jCxvSJ0trRtu02GxS148QAdBoOhYLuMMYCttQnbH7xrCY8M5hD5u7IfcIYc71RYwoYjk9HMZHU5oqG5hBPUhc8Ns5a0I10OFYUCnlvL/s1600/Leaf2.png";<br />image_urls['rain3'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5dTBxWXxdg-mHX90BmPhUPjTc9cmhuDKznPah87bEenA946ZD2iBL2OpTLwUzSLf1yMZF_1H4eZLAxEVYZW9KfCwLlEIiy7pYU_xH3CK-u_TSZZbRtWnyLnAvb93k6NZZ6ZFQRP68wAEZ/s1600/Leaf6.png";<br />image_urls['rain4'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlpWFuIkbOJzSkUAvPsfP-WSvCfde0nNeXW__Ojan7iG1GkFI-T8s6s65SRv-pc4eabbDLDh5Qee_nxfbCQ5zOI2MJpa_pm1BAbPRTOiYAn3PiqH9_i96fXWoDn8O6YrwB28HLSxv5YqsU/s1600/Leaf5.png";<br />$(document).ready(function () {<br />var c = $(window).width();<br />var d = $(window).height();<br />var e = function (a, b) {<br />return Math.round(a + (Math.random() * (b - a)))<br />};<br />var f = function (a) {<br />setTimeout(function () {<br />a.css({<br />left: e(0, c) + 'px',<br />top: '-30px',<br />display: 'block',<br />opacity: '0.' + e(10, 100)<br />}).animate({<br />top: (d - 10) + 'px'<br />}, e(7500, 8000), function () {<br />$(this).fadeOut('slow', function () {<br />f(a)<br />})<br />})<br />}, e(1, 8000))<br />};<br />$('<div></div>').attr('id', 'rainDiv')<br />.css({<br />position: 'fixed',<br />width: (c - 20) + 'px',<br />height: '1px',<br />left: '0px',<br />top: '-5px',<br />display: 'block'<br />}).appendTo('body');<br />for (var i = 1; i <= 20; i++) {<br />var g = $('<img/>').attr('src', image_urls['rain' + e(1, 4)])<br />.css({<br />position: 'absolute',<br />left: e(0, c) + 'px',<br />top: '-30px',<br />display: 'block',<br />opacity: '0.' + e(10, 100),<br />'margin-left': 0<br />}).addClass('rainDrop').appendTo('#rainDiv');<br />f(g);<br />g = null<br />};<br />var h = 0;<br />var j = 0;<br />$(window).resize(function () {<br />c = $(window).width();<br />d = $(window).height()<br />})<br />});<br /></script><br /><script><br />if (typeof jQuery == 'undefined') {<br />document.write('<' + 'script');<br />document.write(' language="javascript"');<br />document.write(' type="text/javascript"');<br />document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');<br />document.write('</' + 'script' + '>')<br />}<br /></script>
 
Past those code into your website.

Now enjoy leaf effect in your website.