当前位置:  开发笔记 > 编程语言 > 正文

如何在HTML/Javascript/CSS中的曲线上滚动动态文本?

如何解决《如何在HTML/Javascript/CSS中的曲线上滚动动态文本?》经验,为你挑选了1个好方法。

我正在尝试在页面上滚动动态文本.我希望它只是为了设计而在弯曲和倾斜的表面上滚动.我必须使用闪存吗?因为我不愿意.



1> Blixt..:

字符应该随曲线一起旋转吗?使用JavaScript可以使文本的字符遵循弯曲的路径(不旋转).如果文本应该旋转你可以使用VML/SVG/Canvas,但在这种情况下你可能会更好地使用Flash.

这不完全是你想要的,但看看文本的行为方式,你会看到我的意思是不旋转:http://s.blixt.org/physics-enabled-html/


我有一个想法,可能会或可能不是你想到的东西,但它可能对你有所帮助:

http://blixt.org/js/path.html

它查找具有data-path属性(HTML 5:data-*attributes)的元素并解析它以创建文本移动的路径.

我还更新了它,包括使用CSS3为支持它的浏览器(最近的Mozilla和WebKit浏览器).

推荐阅读
mobiledu2402851323
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有