Thursday, September 29, 2011

jQuery tagCloud random font size

jQuery:
jQuery(document).ready(function(){
function setFontSize() {
var maxFontSize = 20;
var fontSize = Math.floor(Math.random() * maxFontSize + 14) + 'px';
return fontSize;
}
jQuery('.BlogTagCloud a').each(function() {
var a = $(this);
var cssFontSize = setFontSize();
a.css({fontSize: cssFontSize});
});
});

css:
.BlogTagCloud{
width:300px;
}
.BlogTagCloud a{
text-decoration:none;
font-family:tahoma;
color:#1a1a1a;
}

html:
<div class="BlogTagCloud ">
<a href="#">Lorem </a><a href="#">sit </a>
<a href="#">dolor </a><a href="#">consectetur </a>
<a href="#">ipsum </a><a href="#">amet</a>
<a href="#">aliquip </a><a href="#">laboris </a>
<a href="#">fugiat </a><a href="#">occaecat </a>
and so on.....
</div>

No comments:

Post a Comment