Text in the Tooltip

center



This is an Ajax tooltip script.
When your mouse over the “text” below, ajax will show tooltip from the tag title caption with an image background.

How To Use

The lines that should be inserted in the head section are the following:
<script type="text/javascript" src="jquery-1.3.1.min.js">
</script>
    <script type="text/javascript" src="Tooltip.js">
</script>
    <script type="text/javascript">
		$(document).ready(function(){
			$('.tTip').betterTooltip({speed: 150, delay: 300});
		});
	</script>

The CSS used for this tooltip: style.css

<link href="tooltip.css" rel="stylesheet"
type="text/css" media="all" />

This is an example of a tooltip from the tag title caption.
title="Lorem Ipsum is simply dummy text of the printing and typesetting industry."

Add class="tTip" attribute to the div you wish to show the tooltip. For example:
<div class="tTip" title="Lorem Ipsum is simply dummy text of the printing
and typesetting industry.">What is Lorem Ipsum?</div>

DEMO:

What is Lorem Ipsum?
Why do we use it?
Example of Lorem Ipsum

Thanky You.

  • Share/Bookmark



Post a Comment

You must be logged in to post a comment.