Revision: 41775
Updated Code
at March 15, 2011 22:30 by pedromagalhaes
Updated Code
$(document).ready(function(){ $("a.zoom").click(function(){ var $speech = $('.div'); var currentSize = $speech.css('font-size'); var num = parseFloat(currentSize,11); var unit = currentSize.slice(-2); if(this.id == 'plus' && num <= 16){ num += 1; } else if(this.id == 'minus' && num >= 10) { num -= 1; } $speech.css('font-size', num + unit); $speech.css('line-height', (num+6) + unit); return false; }); });
Revision: 41774
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at February 23, 2011 06:36 by pedromagalhaes
Initial Code
$(document).ready(function(){ $("a.zoom").click(function(){ var $speech = $('.div'); var currentSize = $speech.css('font-size'); var num = parseFloat(currentSize,10); var unit = currentSize.slice(-2); if(this.id == 'plus' && num <= 16){ num *= 1.2; } else if(this.id == 'minus' && num >= 10) { num /= 1.2; } $speech.css('fontSize', num + unit); $speech.css('line-height', (num+6) + unit); }); });
Initial URL
Initial Description
Let's you select the classes and apply the resize and line-height. In the example: a.zoom is the link who will trigger the function, and .div is text target
Initial Title
Font Resize with Line-Height and limited Clicks
Initial Tags
Initial Language
jQuery