Ads

Saturday, 2 August 2014

TagSphere - A 3D sphere JavaScript tag cloud

Download   Demo


TagSphere is a customizable 3D sphere JavaScript Library tag cloud designed with jQuery.


1. INCLUDE JS FILES


<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="tagsphere.js"></script>

2. HTML


<div id="tagsphere-holder1" class="tagsphere-holder">
<ul class="tagsphere">
<li><a href="http://google.com">Google</a></li>
<li><a href="http://www.yahoo.com/">Yahoo!</a></li>
<li><a href="http://www.bing.com/">Bing</a></li>
<li><a href="http://www.faroo.com/">FAROO</a></li>
<li><a href="http://www.dogpile.com/">Dogpile</a></li>
<li><a href="http://www.hotbot.com/">HotBot</a></li>
<li><a href="http://info.com/">Info.com</a></li>
<li><a href="http://www.sogou.com/">Sogou</a></li>
</ul>
</div>

3. JAVASCRIPT


var ts_style = border: true, mousespeed: 1.3, size:240, smallestsize:40, biggestsize:45;
$tagsphere("tagsphere-holder1", ts_style);


TagSphere - A 3D sphere JavaScript tag cloud

No comments:

Post a Comment