Эффект дождевых капель на воде через плагин RainDrops на jQuery UI
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<script type="text/javascript" src="/js/jquery-ui.min.js"></script> <script type='text/javascript' src="/js/raindrops.js"></script> <script type='text/javascript' src="/js/jquery.easing-1.3.min.js"></script> <style type='text/css'> .blockDtl { width: 200px; height: 100px; text-align:center; } </style> <script type='text/javascript'> $(window).load(function(){ jQuery('#example1').raindrops({ color: '#f77b7b', // Цвет волны canvasHeight: 100, // Высота волны waveLength: 70, // Длинна волны waveHeight: 70, // Высота колебания rippleSpeed: 0.01, // Скорость капель frequency: 3, // Амплитуда колебания density: 0.03 // Плотность }); }); </script> |
1 |
<div class="blockDtl active" id="example1">IMAPO.RU</div> |