Dec 28
jquery Hover Sub Tag Cloud
- Posted in AJAX, jQuery
- 57 Comments »
Tag clouds When, used properly, they can provide visitors with an instant illustration of the main topics of the site’s content. And although we don’t have that much choice in designing them, we can still find our way to come up with new design approaches and solutions.
Here is a new approach: Using jQuery to reduce the size of the tag cloud that you have on your sites, so our demo will introduce "Hover Sub Tags" under each main Tag, for example if you have Ajax as a tag, you can have jquery, mootools, etc… as sub-tags. A Sub Tag Cloud will appear when hovering over the main Tag links.
Check out the link below to see it in action.
[LIVE EXAMPLE]
The hover code is by Dave Cohen’s Hovertips.
Wow, very cool… I really like how you can style these. Excellente indeed.
Cool work, I do it in my blog (later ^^).
usefull , i’ll try it!
http://www.baboosh.fr
Thank you, I’s very good, but for modifificade the css I’s very difficulte.
Can it possible to have a multi-level tag-cloud?
Tanveer,
Yes you can use multi level tag cloud if you have many tags and you are looking to reduce the space it take. Its a matter of personal preference and a new way to display your tag cloud.
Looks like an awful lot of code for something as simple as
$(document).ready(function(){
$(ul li ul).hide();
$(ul li ul).mousover(function(){
$(ul li ul).show();
}
}
Not my actual code of course but you get the idea.
Your link is malformed.
Links to:
http:///noupe.com/examples/tagcloud/hover_sub_tags.zip
one too many forward slashes
thanks
thank you
thanks :))
thank you :)
thank for you
thanks :)
thanks you
thanks you
thanks you
thanks you
thank you wery much
thank you
thanks
thanks
thank you wery much
cool, cant wait to try it
danke
Thanks But I cannot download code Why ?
thanks ? can use it new site:D
Very nice :-) Thanks
Very good.
thank you wery much