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
-
[...] jqIsoText [...]
-
[...] jqIsoText [...]
-
[...] jqIsoText [...]
-
[...] jqIsoText [...]
-
[...] jqIsoText [...]
-
[...] schönere Typografie, wie z.B. BigText, jMetronome, Lettering.js, FitText, jQuery Text Resizer und jqIso Text findet ihr mit kurzer Beschreibung in unserer News jQuery-Plugins: 10 Helfer für schönere [...]
-
[...] jqIsoText [...]
-
[...] jqIsoText [...]
-
[...] 2. jqIsoText [...]
-
[...] MORE INFO | DEMO – by Davatron5000 (Free Plugin) [...]
-
[...] JQISOTEXT: JQUERY TEXT EFFECT PLUGIN [...]
-
[...] jqIsoText [...]
-
[...] jqsloText: This plugin is another for those willing to make some edgy design choices, as it renders an arching effect (gets bigger as you approach the middle and then tapers off) on HTML text. [...]
-
[...] jqIsoText [...]
-
[...] Home [...]
-
[...] With this plugin you can change size of letters in text. It starts from one font size and increment or decrement to other font size. On that way you will get something similar to isometric projection. That can be done for whole block of text or for every word in some text. Plugin Demo Plugin Details & Download Page [...]
-
[...] jQisotext: jQuery Text Plugin [...]
-
[...] jQisotext: jQuery Text Plugin [...]
-
[...] JQISOTEXT [...]
Leave a Reply
More Articles
-
Animated Progress Bar in 4 lines of jQuery
Progress bars are really useful to indicate to user that something happens and when it will be approximately done. They are useful on page where assets should be preloaded before page is shown to user. That’s why is important that progress bar code is light weight so it can be loaded really fast at the [...]
-
jqBarGraph – jQuery graph plugin
jqBarGraph is jQuery plugin that gives you freedom to easily display your data as graphs. There are three types of graphs: simple, multi and stacked. All you have to do is to pass your data to this plugin. This plugin is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome [...]
-
Coin Slider 4 WordPress
Coin Slider 4 WP will show your featured posts as image slider and rotate them using unique effects provided by jQuery’s Coin Slider.
Implementation is very easy, after you download and activate this plugin, just paste one line of code in your template and Coin Slider 4 WP is ready to use.
Demo pagesee how it worksDownloadtry [...]
-
jQuery Snow Falling plugin
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 snow falling even if that’s only on my monitor.
Idea is to create one snowflake initially, clone that snowflake at [...]
[...] jqIsoText [...]