jQuery Itip Plugin Examples

hover

Default

					
				
$('#default').Itip();

					
				
press key

Custom show/hide triggers

					
				
	$(window).bind({
		keydown : function() {
			$("#custom").Itip({triggerBy: "no"});
			$("#custom").Itip('showItip');
		},
		keyup: function(){
			$("#custom").Itip('hideItip');
		}
	});

					
				
hover

Interaction with tooltips

					
				
	$('#Interaction').Itip({content:'this is a >a href="http://google.com">link>/a>',interaction: true});

					
				
hover

Auto pull left or right

					
				
$('#posi').Itip({position: 'LorR'});

					
				
hover

Tooltip with html content

					
				
	$('#htmlcontent').Itip({
		position: 'right',
		content: '>img src="http://pbs.twimg.com/profile_images/2284174872/7df3h38zabcvjylnyfe3.png" width="50" height="50" alt="ntt" />>p>[email protected]>p/>',
		minWidth: 'auto',
		maxWidth: 'auto'

	});

					
				
hover

Tooltip width callback

					
				
	$("#callBack").Itip({
		AfterOpen: function(){
			alert("call back after open");
		}
	});