Cambia el tamaño de la fuente dependiendo del tamaño del párrafo

// Código para MooTools
window.addEvent('domready',function() {
$quote = $$('.post p')[0];
var $numWords = $quote.get('text').split(' ').length;
if (($numWords >= 1) && ($numWords < 10)) {
$quote.setStyle('font-size','36px');
} else if (($numWords >= 10) && ($numWords < 20)) {
$quote.setStyle('font-size','32px');
} else if (($numWords >= 20) && ($numWords < 30)) {
$quote.setStyle('font-size','28px');
} else if (($numWords >= 30) && ($numWords < 40)) {
$quote.setStyle('font-size','24px');
} else {
$quote.setStyle('font-size','20px');
};
});
// Código para jQuery
$(function(){
var $quote = $(".post p:first");
var $numWords = $quote.text().split(" ").length;
if (($numWords >= 1) && ($numWords < 10)) {
$quote.css("font-size", "36px");
} else if (($numWords >= 10) && ($numWords < 20)) {
$quote.css("font-size", "32px");
} else if (($numWords >= 20) && ($numWords < 30)) {
$quote.css("font-size", "28px");
} else if (($numWords >= 30) && ($numWords < 40)) {
$quote.css("font-size", "24px");
} else { $quote.css("font-size", "20px");
}
});
Cambia el tamaño de la fuente dependiendo del tamaño del párrafo
Reviewed by Marcos Rivas Rojas
on
martes, enero 27, 2009
Rating:
