10个JavaScript文本特效
fmms 13年前
<ul class="list"> <li><a href="/misc/goto?guid=4958199729199100912" target="_blank">letteringjs</a> <span>A jQuery plugin for radical web typography</span> <img alt="10个JavaScript文本特效" src="https://simg.open-open.com/show/af5b7f2b3808c0d0385e46ca98b02c92.jpg" width="500" height="250" /></li> <li><a href="/misc/goto?guid=4958326249084327739" target="_blank">Airport</a> <span>Airport is a rather simple text effect plugin for Jquery. It emulates the style of those flickering information boards you sometimes find on airports and train stations.</span> <img alt="10个JavaScript文本特效" src="https://simg.open-open.com/show/071bbda4d254c18fbe9819ba51731bab.jpg" width="500" height="250" /></li> <li><a href="/misc/goto?guid=4958326249888186287" target="_blank">Textualizer</a> <span>Textualizer is a jQuery plugin allows you to transition through blurbs of text. Remove unnecessary characters, rearrange exisitng and add missing characters. Fancy.</span> <img alt="10个JavaScript文本特效" src="https://simg.open-open.com/show/8330f33a56984539d4f9901c97bc7e51.jpg" width="500" height="250" /></li> <li><a href="/misc/goto?guid=4958326250690122428" target="_blank">jTicker</a> <span>jTicker takes an elements' children and displays them one by one, in sequence, writing their text 'ticker tape' style.</span> <img alt="10个JavaScript文本特效" src="https://simg.open-open.com/show/79eec75cc9749241a1bd3a5ddaf6a83d.jpg" width="500" height="250" /></li> <li><a href="/misc/goto?guid=4958326251481204141" target="_blank">jqIsoText</a> <span>This plugin allow us to 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.</span> <img alt="10个JavaScript文本特效" src="https://simg.open-open.com/show/70c450a7569aae713d50fcb85712067d.jpg" width="500" height="250" /></li> <li><a href="/misc/goto?guid=4958187563078376826" target="_blank">jRumble</a> <span>jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element.</span> <img alt="10个JavaScript文本特效" src="https://simg.open-open.com/show/daab0b06193a6d523846cb945e54b650.jpg" width="500" height="250" /></li> <li><a href="/misc/goto?guid=4958326253015538853" target="_blank">Neon Text</a> <span>A tutorial of creating a neon glow text effect with CSS and jQuery. It's image-based though.</span> <img alt="10个JavaScript文本特效" src="https://simg.open-open.com/show/bf84c236b94e371d60a1fdb5bfdc1861.jpg" width="500" height="250" /></li> <li><a href="/misc/goto?guid=4958326253796908017" target="_blank">TextGrad</a> <span>TexGrad applies color gradient effect to a blurb of text.</span> <img alt="10个JavaScript文本特效" src="https://simg.open-open.com/show/22c6c2a21a1cd08e37e95e658a0a27e2.jpg" width="500" height="250" /></li> <li><a href="/misc/goto?guid=4958326254612646115" target="_blank">GrabBag Text Effect</a> <span>GrabBag text effect is a collection of fun text effects such as ypewriter, scrambled text etc</span> <img alt="10个JavaScript文本特效" src="https://simg.open-open.com/show/a4157be335eeb9c4059c07c393725538.jpg" width="500" height="250" /></li> <li><a href="/misc/goto?guid=4958187542206624962" target="_blank">FitText JS</a> <span>FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element. Interestingly, FitText website is using letteringJS!</span> <img alt="10个JavaScript文本特效" src="https://simg.open-open.com/show/9e1a83e354de794eae2b4b7284381b7e.jpg" width="500" height="250" /></li> </ul>