Return to Snippet

Revision: 26626
at May 4, 2010 11:03 by Scriptshit


Initial Code
	$('.ssTooltip').hide();
	$('#ssInfoList1 dd').live('mouseover', function(){
		$('body').append('<div id="ssTooltip" style="position: absolute; display: none;">\
			<p>'+$(this).children('.ssTooltip').text()+'</p>\
		</div>');

		//get the position of the placeholder element
		var pos = $(this).offset();  
		var width = $(this).width();

		//show the menu directly over the placeholder
		$("#ssTooltip").css( { "left": (pos.left + 100) + "px", "top":pos.top + "px" } );
		$("#ssTooltip").fadeIn('slow');
		
	});
	$('#ssInfoList1 dd').live('mouseout', function(){
		$('div#ssTooltip').remove();
	});

Initial URL

                                

Initial Description

                                

Initial Title
Small jQuery Tooltip

Initial Tags
js, textmate, jquery

Initial Language
Other