Maison > interface Web > js tutoriel > le corps du texte

La zone de texte de contrôle jQuery réduit automatiquement le partage d'exemple de remplissage de police

小云云
Libérer: 2018-01-06 13:20:52
original
1580 Les gens l'ont consulté

js contrôle la zone de texte pour réduire automatiquement le remplissage de la police Lorsque la police dans la zone de texte dépasse la plage de la zone de texte, la police dans la zone sera automatiquement réduite pour remplir toute la zone de texte. Cet article présente principalement les informations pertinentes sur jQuery contrôlant la réduction automatique du remplissage des polices dans les zones de texte. Les amis dans le besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Appel : resetFontSize($(".title"), 50, 10, 20);//重置字体大小

wordbox:objet jQuery
maxHeight : la hauteur maximale de la boîte
minSize : la taille minimale de la police
maxSize : la taille maximale de la police


this.resetFontSize=function (wordbox, maxHeight, minSize, maxSize) { 
    //  var wordbox = $(".products .title"); 
    //最大高度 
    //var maxHeight = 30; 
    //初始化文字大小为最小 
    wordbox.css('font-size', minSize + "px"); 
    maxSize++; 
    wordbox.each(function () { 
      //循环修改大小直至大于最大高度 
      for (var i = minSize; i < maxSize; i++) { 
        if ($(this).height() > maxHeight) { 
          //当容器高度大于最大高度的时候,上一个尝试的值就是最佳大小。 
          $(this).css(&#39;font-size&#39;, (i - 2) + &#39;px&#39;); 
          //结束循环 
          break; 
        } else { 
          //如果小于最大高度,文字大小加1继续尝试 
          $(this).css(&#39;font-size&#39;, i + &#39;px&#39;); 
        } 
      } 
    }); 
  };
Copier après la connexion

Recommandations associées :

Comment jQuery fait en sorte que la valeur dans la liste déroulante de clic s'accumule dans la zone de texte

Un exemple de la façon dont jQuery implémente la méthode d'ajout de la valeur dans la zone déroulante cliquée à la zone de texte

Présentation de la méthode d'implémentation JavaScript la zone de texte qui ne peut saisir que des chiffres

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!