WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

TextResize

— Add-On pour WorldWideScripts.net

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


TextResize - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Voir en action

Pour le voir en action, la tête à: http://getfresh.ro/demos/text_resize/

Qu'est-ce que TextResize?

TextResize est un plugin jQuery qui permet à vos visiteurs d'ajuster la taille du texte de votre contenu.
TextResize adapte à la fois la taille du texte et la hauteur de la ligne du texte en fonction de la taille demandée.

TextResize peut être réglé pour permettre à un maximum de la taille du texte augmentation / diminution, basé sur une étape de taille personnalisée. Il dispose également d'un bouton de réinitialisation de texte, qui reprend le texte à sa taille initiale.

TextResize est construit sur un jQuery sélecteur de parent (par exemple à un élément ID, classe, nom de la balise) et il peut être appliqué à tous les éléments de l'enfant, ou à une sélection d'éléments enfants.
Vous pouvez contenir TextResize à un élément HTML particulier, ou l'appliquer à toute la page.

Choisissez la peau, appliquer, voir les effets

Appliquer le comportement TextResize à votre site Web est simple. Vous avez juste besoin de suivre les étapes ci-dessous:
  1. Choisissez l'élément (s) à laquelle vous souhaitez appliquer le comportement de TextResize.
  2. Choisissez l'emplacement des outils de réglage de texte (diminution, Revert, Augmentation)
  3. Choisissez la peau des outils de réglage (18 skins disponibles actuellement)
  4. Vous êtes tous ensemble, il suffit de coller le code dans votre page et profiter
Usage:
 <Script type = "text / javascript" src = "textresize.jquery.js"> </ script> <Script type = "text / javascript"> $ ( '# Your_content'). TextResize ({ createNav: 1, // crée le code HTML pour les liens de redimensionnement innerTags: '*', // ou vous pouvez appliquer simplement une sélection: par exemple, 'p', 'div' navHolder: '#tools', // redimensionner liens emplacement: diminution, revenir, augmentation maxSteps: {augmentation: 5, diminuer: 4} // combien de fois on peut en / diminution }); </ Script> 

v1.1 Mise à jour

  • javascript question IE fixe.
  • Nouvelle méthode d'appel - vous pouvez appliquer TextResize à une liste d'éléments parents dans votre page:
     <Script type = "text / javascript" src = "textresize.jquery.js"> </ script> <Script type = "text / javascript"> $ ( '# Your_content, #another_element'). TextResize ({// applique texte redimensionner à la liste des éléments parents createNav: 1, // crée le code HTML pour les liens de redimensionnement innerTags: '*', // ou vous pouvez appliquer simplement une sélection: par exemple, 'p', 'div' navHolder: '#tools', // redimensionner liens emplacement: diminution, revenir, augmentation maxSteps: {augmentation: 5, diminuer: 4} // combien de fois on peut en / diminution }); </ Script> 

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
14 Février 11

Dernière mise à jour:
3 Novembre 11

Navigateurs compatibles:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

fichiers inclus:
JavaScript JS, HTML, CSS

Une version de logiciel:
jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles, coutume, diminution, police de caractè, re, augmenter, jquery, redimensionner, Taille, peaux, texte, utilitaire, un widget