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.
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.
Comments [ 73 Comments ]
» Trackbacks and pingbacks click to expand
-
[...] Lettering.JS FitText.JS Bacon! TypeButter Kerning.JS Baseline.JS ArcText.JS Hatchshow SlabText.JS JQISOText [...]
-
[...] jqlsoText [...]
-
[...] Plugin Demonstração Detalhes Plugin e Download Page [...]
-
[...] A jQuery text effect plugin. Source [...]
-
[...] JQISOTEXT [...]
-
[...] JQISOTEXT [...]
Leave a Reply
More Articles
-
Image gallery with fancy transitions effects
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 effects. Mostly that was fading and sliding effects. I wanted something different so I decide to made my own slideshow gallery plugin for jQuery. [...]
-
Bigshark – larger buttons on Grooveshark
GrooveShark is one of the web services which I’m using on daily basis. Actually, I have one computer which I use only to play music from my GrooveShark playlists, while I’m sitting on couch. But problem is when I want to skip or pause some song. I have to get up because I can’t hit [...]
-
Fancy Transitions Featured Gallery for WordPress
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 zipper. Also, you can set width, height, delay time, number of posts etc.
This WordPress plugin is based on jQuery jqFancyTransitions plugin and is very easy to use. After [...] -
Image gallery in 4 lines of code with MooTools and Dojo
Recently I wrote article how to create image gallery with description in 4 lines of jQuery code. Now, I will do the same thing with two other popular JavaScript frameworks, MooTools and Dojo.
Task is the same. One large image, description bar, few thumbs bellow, large image and description should change when thumb is clicked. [...]
March 3, 2010
Soooo fun !
I hope I’ll find a way to use it for real project
March 7, 2010
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
January 19, 2011
More good
link to you
http://tecwebbr.com/post.php?codigo=99
thank!
April 30, 2011
hello
wher i must put this code:
$(”.elem”).jqIsoText({ fromSize: 50, toSize: 20, split: ‘yes’ });
thanx
October 29, 2011
Nice, thank u.
September 10, 2012
Odlicno, hvala puno…samo tako nastavite.
January 2, 2013
code not working in my browser