jqIsoText: jQuery Text Effect Plugin

Some content on our pages are more important than other and we want to made him eye catching. There are lot of techniques to achieve that.  One of them is jqIsoText.

jqisotext

With this plugin we’re changing size of letters in text. It starts from one font size and increment or decrement to other font size. On that way we’re getting something similar to isometric projection. That can be done for whole block of text or for every word in some text.

First download jQuery and jqIsoText and include on your page like this:

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jqIsoText.js" type="text/javascript"></script>

After that all you have to do is to select element on which you want to apply effect and call jqIsoText.

<script>
$(".elem").jqIsoText();
</script>

This plugin have only three options: fromSize, toSize and split. The first one is the size of first letter, second is the size for middle letter in text and third one is if you want to threat every word from text separately. E.g. if you want that your text in h1 tags starts from 50px, go to 20px and threat every word separately you should use next code snippet.

<script>
$(".elem").jqIsoText({ fromSize: 50, toSize: 20, split: 'yes' });
</script>

You sholud use this plugin for titles or some important line of text. Using this for long text may be difficult for reading and can cause opposite effect. Also, this can be used only for text nodes.

  • Coin Slider: Image Slider with Unique Effects (1606)
    After jqFancyTransitions I decided to release new jQuery image slider plugin with more unique transitions effects. I have ideas for new effects and after I didn't find that somebody […]
  • jQuery Snow Falling plugin (95)
    I like winter because of holidays and snow. Not big fan of going to shopping and buying New Year gifts and presents, but I am fan of snow and snowboarding. That's why I enjoy watching how […]
  • Gradienter: Add gradient to elements (21)
    Last night I started to work on Wordpress theme for blog and I got an idea that every post should have their own background color and that maybe those colors can be in gradient. Since that […]
  • Fancy Transitions Featured Gallery for WordPress (62)
    ftFeatured is Wordpress plugin for creating image gallery with fancy transition effects of featured posts. You can choose between three types of transition effects: curtain, wave and […]
  • Image gallery with fancy transitions effects (1015)
    I was looking all over the Internet for some jQuery gallery plugin with some interesting transition effects. I found a lot of great plugins but they all have pretty same transition […]

95 comments on "jqIsoText: jQuery Text Effect Plugin"

why the code:
$(“.elem”).jqIsoText({ fromSize: 50, toSize: 20, split: ‘yes’ });
testing in dreamweaver,but in localhost browser not working

william lau on November 9, 2014 at 12:07 pm

it not working in my browser.

nandy on July 10, 2013 at 1:05 am

code not working in my browser

siddhu on January 2, 2013 at 8:04 am

Odlicno, hvala puno…samo tako nastavite.

Web dizajn on September 10, 2012 at 5:32 am

Nice, thank u.

Swot template on October 29, 2011 at 1:16 am

hello
wher i must put this code:

$(“.elem”).jqIsoText({ fromSize: 50, toSize: 20, split: ‘yes’ });

thanx

sjaban on April 30, 2011 at 12:46 pm

More good

link to you

http://tecwebbr.com/post.php?codigo=99
thank!

Gilberto on January 19, 2011 at 12:13 am

fantasticno – prepa i zasigurno buducnost kod textualnr web prezentacije. Vec mogu da zamislim koliko ljudi ce promeniti Index i Home addrese na web stranicama a tek koliko ce neko da ih odere da to uradi. Srecno i hvala na prelepom tut’s’u

Vladimir on March 7, 2010 at 11:48 pm

Soooo fun !
I hope I’ll find a way to use it for real project :)

Mael on March 3, 2010 at 1:00 pm

Leave a Reply

Your email address will not be published. Required fields are marked *