<!DOCTYPE HTML>
<html>
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
     function  runImage()
     {
           var  image=document.getElementById("img");
           image.src="4.jpg";
           image.onload=function()
           {
                 //设定一个rain对象
                 var  engine=new RainyDay({image:this,});
                 //调用rain函数
                 engine.rain([[4,6,8000]]);//设定雨滴大小4,6 数量为8000 ||也可为 engine.rain([[6,8000]])，此时水珠的大小较小
                 engine.rain([[3,3,0.88],[5,5,0.9],[6,2,1]],100);//设定雨滴重复时间
           }
          // image.crossOrigin="jt"; 加载跨域图片          
     }
</script>
</head>
<body  onload="runImage();" >
<div class="rain">
   <img src="4.jpg"  id="img"  alt="点击图片">
</div>
 <script type="text/javascript"  src="rainy.js"></script> 
</body>
</html>