🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Responsive Text is a jQuery plugin used to display appropriate text/markup from a set of child span nodes with data-for attribute for different screen sizes.

responsive-text text

Documentation

jQuery Responsivetext

a responsive text plugin

jQuery Responsivetext is a plugin that replaces text (and markup) inside nodes depending on the browser window size.

Usage

<h3>      Some very long text that will be replaced on smaller browser sizes      <span class="responsive-text">          <span data-for="ipad">Text for iPad</span>          <span data-for="iphone">Text for iPhone</span>          <span data-for="bigscreen">Text can also <strong>contain markup</strong></span>      </span> </h3>
$.responsiveText('start', {     selector: '.responsive-text',     sizes: {         'ipad': [1024, 481],         'iphone': [480, 320],         'bigscreen': [Number.POSITIVE_INFINITY, 1280]     },     delay: 300 });
.responsive-text { 	display: none; 	speak: none; }

You May Also Like