Comment ajuster la taille de la police et la hauteur des lignes dans jquery ?

Vous devez être familier avec l'attribut

font-size. Cet attribut contrôle la taille de la police. Ce qui suit explique comment utiliser jquery pour obtenir la valeur de l'attribut font-size. à cela.

Augmentez, réduisez et restaurez la taille d'origine de la police sur la page. Trois éléments doivent être définis dans la page html. Les classes des éléments sont réinitialiserFont, augmenterFont et diminuerFont. 🎜>event définit les événements de clic de trois éléments pour augmenter, réduire et restaurer la taille d'origine. L'exemple de code est le suivant :

Implémentation Jquery de la définition de la taille de la police (font-size) et de la hauteur de ligne (

$(function () { 
//取得字体大小，在html标记下定义了font-size 
var originalFontSize = $("html").css("font-size"); 
//恢复默认字体大小 
$(".resetFont").click(function () { 
$("html").css("font-size", originalFontSize); 
//JavaScript不向下执行 
return false; 
}); 
//加大字体,某个元素的class定义为increaseFont 
$(".increaseFont").click(function () { 
//取得当前字体大小 后缀px,pt,pc 
var currentFontSize = $("html").css("font-size"); 
//取得当前字体大小，parseFloat()转为float类型去除后缀 
var currentFontSizeNumber = parseFloat(currentFontSize); 
//新定义的字体大小 
var newFontSize = currentFontSizeNumber * 1.1; 
//重写样式表 
$("html").css("font-size", newFontSize); 
//JavaScript不向下执行 
return false; 
}); 
//减小字体，某个元素的class定义为decreaseFont 
$(".decreaseFont").click(function () { 
//取得当前字体大小 后缀px,pt,pc 
var currentFontSize = $("html").css("font-size"); 
//取得当前字体大小，parseFloat()转为float类型去除后缀 
var currentFontSizeNumber = parseFloat(currentFontSize); 
//重新定义字体大小 
var newFontSize = currentFontSizeNumber * 0.9; 
//重写样式表 
$("html").css("font-size", newFontSize); 
//JavaScript不向下执行 
return false; 
}); 
});

line-height

)

                                                                                

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!