[jQuery]Airport - Information board text effect

分类:网站前端 | 作者:icyfire | 发表于2009/07/16 没有评论  

这个小插件(灰常小)实现了类似机场里信息板的文字效果。

官网:http://www.unwrongest.com/projects/airport/

下载也请到上面网站。

用法:

1
2
3
4
5
6
7
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="jquery.airport-1.1.js"></script> 
 
<div id="stuff"></div> 
<script type="text/javascript"> 
$('#stuff').airport(['moscow','berlin','stockholm']); 
</script>

问题:
1.只支持英文,外加一个连字符。看代码就知道怎么回事了。
2.另外,大写英文也没用,它会帮你转为小写。
3.会发现字符转换时会有类似抖动的效果,那是因为字符在某些字体下的宽度是不同的。解决方法有两个,那么设font-family:monospace;要么为装载字符的span加上样式设置宽度,例如:(#stuff span { width: 20px; float: left; display: block;text-align: center;}。
4.你会发现,就算有些地方是空白,它还是会在转动,那是转换字符的区域的长度就是传入参数里的字符串的最大长度。难道机场的也是这样的?没什么印象了。

--by icyfire 2009.07.16 @company

 
标签:, , ,
Trackback url : u can trackback from your own site

留下评论

You must be logged in to post a comment.

HTML [翻译]Data URI浅析

jQuery [翻译]jQuery的show/hide性能测试

CSS [翻译]纯CSS实现对话气泡