这个小插件(灰常小)实现了类似机场里信息板的文字效果。
官网: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
« 奶牛封神?

留下评论
You must be logged in to post a comment.