Resize a DIV based on Mousewheel spin
<p>i am trying to "resize" a  called "view" based on the mouse wheel spin.<br>
For down spin the  size should be decreased and for up spin the size should be increased. 
I don't have any idea to do it. Please someone help me to achieve it.<br>
Here is my HTML code..  </p>

<pre><code>&lt;div class="main"&gt;&lt;div class="view"&gt;&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>and my jQuery code is  </p>

<pre><code>$('.view').css('height','100px')
$('.view').css('width','100px')
$('.view').css('background-color','blue')
$('.view').mousewheel(function()
              {
                  alert('Hello');
              }); 
</code></pre>

<p>I think it is wrong way of doing. Hope i will get help.</p>
