Skip to content

mintbird/tinytooltip

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

tinytooltip

tinytooltip (900 bytes minified) is an extremely tiny, easy to use tooltip plugin for jQuery

Kailash Nadh, October 2011

License: MIT License

Documentation and Demo: http://kailashnadh.name/code/tinytooltip

Example

HTML - Setup

<head>
	<script type="text/javascript" src="lib/jquery.min.js"></script>

	<link rel="stylesheet" type="text/css" href="src/jquery.tinytooltip.css"/>
	<script type="text/javascript" src="src/jquery.tinytooltip.min.js"></script>
</head>

Usage

// hover tooltip
$('.example').tinytooltip({message: "This is an example tooltip!"});


// on click tool tip
$('.example').tinytooltip({
	message: "This is an example tooltip!",
	hover: false
});

$('.example').click(function() {
	$(this).trigger('showtooltip');	// show the tooltip
}).blur(function() {
	$(this).trigger('hidetooltip');	// hide the tooltip
});

To show tooltips at will, set the 'hover' option to false while initializing the tooltip on an element. Then, to show the tooltip, use .trigger('showtooltip') and to hide, .trigger('hidetooltip')

Options

message Tooltip message
hover true (default) or false
Standard tooltip behaviour. Show tooltip on mouseover and hideon mouseout
classes Addition classes (separated by space) to be added to the tooltip div

About

An extremely tiny tooltip plugin for jQuery

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%