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 la WorldWideScripts.net

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


TextResize - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

A se vedea-l în acțiune

Pentru a vedea în acțiune, cap la: http://getfresh.ro/demos/text_resize/

Ce este TextResize?

TextResize este un plugin jQuery care permite vizitatorilor dvs. pentru a ajusta dimensiunea textului conținutului.
TextResize adaptează atât dimensiunea textului și înălțimea liniei textului în funcție de dimensiunea cerută.

TextResize poate fi setat pentru a permite unui număr maxim de dimensiunea textului creștere / descreștere, bazată pe un pas dimensiune particularizată. De asemenea, este dotat cu un buton de resetare a textului, care readuce textul la dimensiunea sa inițială.

TextResize este construit pe un părinte jQuery selectorul de (de exemplu, pentru un element de identificare, de clasă, nume de etichetă) și poate fi aplicată tuturor elementelor de copil, sau la o selecție de elemente copil.
Puteți să conțină TextResize la un anumit element HTML sau aplicați-l pe întreaga pagină.

Alege pielea, se aplică, a se vedea efectele

Aplicând comportamentul TextResize site-ul dumneavoastră este simplu. Trebuie doar să urmați pașii de mai jos:
  1. Selectați elementul (e) la care doriți să aplicați comportamentul TextResize.
  2. Alegeți locația instrumentelor de ajustare a textului (Diminuare, Revert, Creștere)
  3. Alegeti pielea instrumentelor de ajustare (18 skin - uri disponibile în prezent)
  4. Totul este în regulă, pur și simplu inserați codul în pagina dvs. și bucurați-vă
Mod de utilizare:
 <Script type = "text / javascript" src = "textresize.jquery.js"> </ script> <Script type = "text / javascript"> $ ( '# Your_content'). TextResize ({ createNav: 1, // creează HTML pentru link-urile de redimensionare innerTags: '*', // sau puteți aplica doar o selecție: de exemplu, 'p', 'div' navHolder: '#tools', // redimensiona link-uri Locul de amplasare: scădere, reveniți, creșterea maxSteps: {creștere: 5, scad: 4} // de câte ori se poate, în / descreștere }); </ Script> 

v1.1 actualizat

  • Fix IE JavaScript problemă.
  • Metoda de asteptare nouă - puteți aplica TextResize unei liste de elemente părinte din pagina:
     <Script type = "text / javascript" src = "textresize.jquery.js"> </ script> <Script type = "text / javascript"> $ ( '# Your_content, #another_element'). TextResize ({// se aplică textul redimensiona la lista de elemente părinte createNav: 1, // creează HTML pentru link-urile de redimensionare innerTags: '*', // sau puteți aplica doar o selecție: de exemplu, 'p', 'div' navHolder: '#tools', // redimensiona link-uri Locul de amplasare: scădere, reveniți, creșterea maxSteps: {creștere: 5, scad: 4} // de câte ori se poate, în / descreștere }); </ Script> 

Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creată:
14 februarie 11

Ultima actualizare:
03 noiembrie 11

Browsere compatibile:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

fişierele incluse:
JavaScript JS, HTML, CSS

Versiune de software:
jQuery

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, personalizat, scădea, font, crește, jquery, redimensiona, mărimea, piei, text, utilitate, widget