卡拉 OK 字幕效果
摘要：卡拉OK中的字幕随着歌曲的进行会逐渐点亮，由于字幕不是一个一个地点亮而是逐渐过渡，所以我们在网页中实现该效果时，要通过两个层来实现，两个层的...
卡拉OK中的字幕随着歌曲的进行会逐渐点亮，由于字幕不是一个一个地点亮而是逐渐过渡，所以我们在网页中实现该效果时，要通过两个层来实现，两个层的文字相同，颜色不同，底层不变，上层逐渐拉宽以遮盖下层，就实现了该效果，在Flash中实现这种效果时，也是本原理。本文给出基本示例，以求抛砖引玉。
重点是：两层的文字大小和行高相同，为第二个层设置合理的position、top、overflow、width样式属性和nowrapHTML属性。
注意，不同的浏览器可能因为对CSS的解释不同和缺乏某些属性支持，无法实现本效果，请在IE中察看示例。
卡拉 OK 字幕效果
| 谁在乎我的心里有多苦 谁在乎我的心里有多苦 |
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
【卡拉 OK 字幕效果】相关文章：
★ 打字效果
★ 载入进度条 效果
★ 对联浮动广告效果
上一篇：
Email地址加密javascript版
下一篇：
数字金额千位分隔的Javascript