<div>
jQuery.hover takes two handlers: for the mouseover state, and then the mouse out state.<br />
<br />

<pre><code id="code-20-34925379-1">$(&quot;a:has(img.productsImg)&quot;).hover(
	function() {
		var largePath = $(this).attr(&quot;title&quot;);
		var offset = $(&quot;#hoverImgs&quot;).offset();
		
		$(&quot;#photo_large&quot;).attr({ src: largePath });
		$(&quot;#tooltip1&quot;).css(&quot;top&quot;, offset.top).css(&quot;left&quot;, offset.left).css(&quot;display&quot;, &quot;block&quot;);
		$(&quot;#tooltip1&quot;).animate({ opacity: 1.0 }, 300);
	},
	function() {
		$(&quot;#tooltip1&quot;).animate({ opacity: 0.0 }, 300);
		$(&quot;#tooltip1&quot;).css(&quot;display&quot;, &quot;none&quot;);
	}
);</code></pre>
</div>


jQuery.hover takes two handlers: for the mouseover state, and then the mouse out state.



$("a:has(img.productsImg)").hover(
	function() {
		var largePath = $(this).attr("title");
		var offset = $("#hoverImgs").offset();
		
		$("#photo_large").attr({ src: largePath });
		$("#tooltip1").css("top", offset.top).css("left", offset.left).css("display", "block");
		$("#tooltip1").animate({ opacity: 1.0 }, 300);
	},
	function() {
		$("#tooltip1").animate({ opacity: 0.0 }, 300);
		$("#tooltip1").css("display", "none");
	}
);

<div>
That is perfect. &nbsp;Thanks!
</div>


<div>
<div class="content wysiwyg-content">
<a href="http://www.picnictime.com/productsTest.php?pid=9191&cid=52&page=1" rel="ugc">http://www.picnictime.com/productsTest.php?pid=9191&cid=52&page=1</a><br />
<br />
On this page I have a function that is supposed to generate a jquery hover popup (the thumbnails under the Enlarge Image link). &nbsp;I also have an onmouseout function that does not appear to be working. &nbsp;Does anyone have any idea why?<br />
<br />
Thanks!
</div>
</div>


http://www.picnictime.com/productsTest.php?pid=9191&cid=52&page=1

On this page I have a function that is supposed to generate a jquery hover popup (the thumbnails under the Enlarge Image link).  I also have an onmouseout function that does not appear to be working.  Does anyone have any idea why?

Thanks!

any idea why my mouseout is not working?

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.