Source

jquery.tagsphere / example.html

Full commit
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="ext/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="jquery.tagsphere.min.js"></script>
    <script type="text/javascript">
	$(function(){
	    $('div.tag-cloud-sphere').tagcloud();
	});
    </script>

    <style type="text/css">
	.point a{
	    text-decoration:none;
	}
</style>

</head>
<body>
<h1>Jquery Tag Sphere Plugin Example</h1>

<div class="tag-cloud-sphere" style="width:500px; height:500px; background-color:#000;">
    <ul>
	<li><a href="#" rel="20">Link 1</a></li>
	<li><a href="#" rel="15">Link 2</a></li>
	<li><a href="#" rel="10">Link 3</a></li>
	<li><a href="#" rel="5">Link 4</a></li>
	<li><a href="#" rel="1">Link 5</a></li>
	<li><a href="#" rel="5">Link 6</a></li>
	<li><a href="#" rel="10">Link 7</a></li>
	<li><a href="#" rel="15">Link 8</a></li>
	<li><a href="#" rel="20">Link 9</a></li>
	<li><a href="#" rel="15">Link 10</a></li>
	<li><a href="#" rel="10">Link 11</a></li>
	<li><a href="#" rel="5">Link 12</a></li>
	<li><a href="#" rel="1">Link 13</a></li>
	<li><a href="#" rel="5">Link 14</a></li>
	<li><a href="#" rel="10">Link 15</a></li>
	<li><a href="#" rel="15">Link 16</a></li>
	<li><a href="#" rel="20">Link 17</a></li>
	<li><a href="#" rel="15">Link 18</a></li>
	<li><a href="#" rel="10">Link 19</a></li>
	<li><a href="#" rel="5">Link 20</a></li>
	<li><a href="#" rel="1">Link 21</a></li>
	<li><a href="#" rel="10">Link 22</a></li>
    </ul>
</div>

<div class="tag-cloud-sphere" style="width:500px; height:500px; background-color:#000;">
    <ul>
	<li><a href="#" rel="1">Link 1</a></li>
	<li><a href="#" rel="2">Link 2</a></li>
	<li><a href="#" rel="3">Link 3</a></li>
	<li><a href="#" rel="4">Link 4</a></li>
	<li><a href="#" rel="5">Link 5</a></li>
	<li><a href="#" rel="6">Link 6</a></li>
	<li><a href="#" rel="7">Link 7</a></li>
	<li><a href="#" rel="8">Link 8</a></li>
	<li><a href="#" rel="9">Link 9</a></li>
	<li><a href="#" rel="1">Link 10</a></li>
	<li><a href="#" rel="2">Link 11</a></li>
	<li><a href="#" rel="3">Link 12</a></li>
	<li><a href="#" rel="4">Link 13</a></li>
	<li><a href="#" rel="5">Link 14</a></li>
	<li><a href="#" rel="6">Link 15</a></li>
	<li><a href="#" rel="7">Link 16</a></li>
	<li><a href="#" rel="8">Link 17</a></li>
	<li><a href="#" rel="9">Link 18</a></li>
	<li><a href="#" rel="10">Link 19</a></li>
	<li><a href="#" rel="11">Link 20</a></li>
	<li><a href="#" rel="12">Link 21</a></li>
	<li><a href="#" rel="13">Link 22</a></li>
    </ul>
</div>
</body>
</html>