小jQuery工具提示

Posted 2021-02-22

	$('.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();
	});