this is my basic code
<pre><code>&lt;html&gt;
&lt;head&gt;
//jquery file 
function cal()
{
    for(i=0;i&lt;500;i++)
    {   
    $("#bl1").animate({top:i},14);
    }
cal1();
}
function cal1()
{
    for(i=500;i&gt;=0;i--)
    {
        $("#bl1").animate({top:i},14);
    }
}
//when archer shoots the shot function would be cal
function shot()
{
    for(i=50;i&lt;1400;i++)
    {   
    $("#arr").animate({left:i},2);
    }
}
&lt;/head&gt;
&lt;body onLoad="cal()"&gt;
&lt;div id="bl1" style="width:50px; height:10px; position:absolute; left:900px; top:10px;border:1px solid"&gt;&lt;/div&gt;
&lt;div id="arr"style=" position:absolute;width:100px;height:10px;left:35px;top:47px" /&gt;&lt;/div&gt;
&lt;/body&gt;
</code></pre>
