The comment you are replying to does not exist.

pict-jquery.png eztip is my first original jQuery plugin. It displays the specified contents as a tooptip when the mouse is moved over the predefined area.

Features

  • Simple and light weight (less than 2KB when it's compressed)
  • It supports contents display using Ajax

This is my first time to develop a jQuery plugin. The plugin was tested under major browsers such as IE 7.0, Safari 2.x, Firefox 2.x、3.x.



Usage Demo

Sample 1  (Title + Data)

Sample 2  (Title only)

Sample 3 （Data only）

Sample 4 (Title+Local inline data[Text])

Sample 5 (Title+Local inline data[Image])

Sample 6 （Title+Ajax data[External HTML file]）

Of course, you can use the eztip plugin with other tags.

Sample 8 (p element：Title+Data)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nulla turpis, malesuada vitae, congue iaculis, congue et, metus. Donec commodo lectus eu metus.


Sample 9 (span element: Title+Data)

Sample 10 (div element：Title only)

This is the Sample 11 (b element：Data only)
Balloon style (optional)
Sample 1 （Title+Data）

Sample 2  (Title only)

Sample 3  (Data only)

Sample 4 (Title+Local inline data[Text])

Sample 5 (Title+Local inline data[Image])

Sample 6 （Title+Ajax data[External HTML file]）

Of course, you can use the eztip plugin with other tags.

Sample 8 (p element: Title+Data)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nulla turpis, malesuada vitae, congue iaculis, congue et, metus. Donec commodo lectus eu metus.


Sample 9 (span element: Title+Data)

Sample 10 (div element: Title only)

This is the Sample 11(b element：Data only)

Download and User Guide


AttachmentSize
eztip-0.1.0.zip2.36 KB
Your rating: None Average: 5 (1 vote)