title: How to stop marquee slide show on mouse over in JavaScript?
body: <p>I want to stop slide show on mouse over and start on mouse out. <br>
  I saw some suggestions in stack overflow.  <br>
  In that i didn't get any solution (may be this is my fault to understand the others code according to my code. So because of that i am giving my code).</p>
  
  <pre><code>&lt;marquee height="80%" width="600px" direction="left" scrolldelay="120" align="middle"&gt;
  &lt;div class="itemMar"&gt;&lt;img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/&gt;&lt;br /&gt;&lt;p style="text-align: center;"&gt;name&lt;/p&gt;&lt;p style="text-align: center;"&gt;0123456789&lt;/p&gt;&lt;p style="text-align: center;"&gt;ssc&lt;/p&gt;
      &lt;/div&gt;
    &lt;div class="itemMar"&gt;&lt;img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/&gt;&lt;br /&gt;&lt;p style="text-align: center;"&gt;name&lt;/p&gt;&lt;p style="text-align: center;"&gt;0123456789&lt;/p&gt;&lt;p style="text-align: center;"&gt;ssc&lt;/p&gt;
      &lt;/div&gt;
    &lt;div class="itemMar"&gt;&lt;img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/&gt;&lt;br /&gt;&lt;p style="text-align: center;"&gt;name&lt;/p &gt;&lt;p style="text-align: center;"&gt;0123456789&lt;/p&gt;&lt;p style="text-align: center;"&gt;ssc&lt;/p&gt;
      &lt;/div&gt;
    &lt;div class="itemMar"&gt;&lt;img src="http://static.ddmcdn.com/gif/storymaker-best-hubble-space-telescope-images-20092-514x268.jpg" width="120px" height="120px" border="5"/&gt;&lt;br /&gt;&lt;p style="text-align: center;"&gt;name&lt;/p &gt;&lt;p style="text-align: center;"&gt;0123456789&lt;/p&gt;&lt;p style="text-align: center;"&gt;ssc&lt;/p&gt;
      &lt;/div&gt;
  
          &lt;/marquee&gt;
  </code></pre>