fontresize.js 528 B

1234567891011121314151617181920
  1. $(function(){
  2. $(".font-btn span").click(function(){
  3. var thisEle = $(".font").css("font-size");
  4. var textFontSize = parseFloat(thisEle , 10);
  5. var unit = thisEle.slice(-2); //获取单位
  6. var cName = $(this).attr("class");
  7. if(cName == "bigger"){
  8. if( textFontSize <= 22 ){
  9. textFontSize += 2;
  10. $(".font").css("letter-spacing", '5px');
  11. }
  12. }else if(cName == "smaller"){
  13. if( textFontSize >= 12 ){
  14. textFontSize -= 2;
  15. $(".font").css("letter-spacing", '1px');
  16. }
  17. }
  18. $(".font").css("font-size", textFontSize + unit);
  19. });
  20. });