Tag Cloud

jQuery Tag Cloud Plugin Demo

Example 1

Simple implementation of the tag-cloud plugin. The animation will stop when you mouseover on it. Below is the code for the usage,

$("#tag-cloud").tagCloud();

Example 2

In this example direction parameter is set to horizontal. It uses easing effect "easeOutBounce". Please include easing plugin before using easein parameter. Below is the code for the usage,

$("#tag-cloud").tagCloud({"direction":"horizontal", "easein":"easeOutBounce", "speed":2000});

PHP
jQuery
Javascript
ASP
JSP
Projects
Applications
Plugins
Snippets
Social
Twitter
Facebook
MySpace
Google
APIs
Development
YouTube
AJAX
Wordpress
Yahoo
iPhone
Custom
Mashup
Tutorial

Example 3

In this eaxmple the direction parameter is set to vertical and "easeOutBack" easing effect is used. Please include easing plugin before using easein parameter. Below is the code for the usage,

$("#tag-cloud").tagCloud({"direction":"vertical", "easein":"easeOutBack", "speed":2000});

PHP jQuery Javascript ASP JSP Projects Applications Plugins Snippets Social Twitter Facebook MySpace Google APIs

This is the online demo for the jQuery Tag Cloud Plugin. Any suggestions or ideas regarding it, will be appreciated. Please read the post for usage steps and instructions.