欢迎来到福编程网，本站提供各种互联网专业知识！
手机版
微信关注
快捷导航
正则表达式 AJAX相关 黑客相关 相关技巧 Mysql MsSql MsSql2005 MsSql2008 MariaDB Oracle Access SQLite PostgreSQL MongoDB DB2 Redis 数据库文摘 数据库其它 LINUX RedHat/Centos Ubuntu/Debian Fedora Solaris 红旗Linux Unix/BSD 苹果MAC 麒麟系统 注册表 BIOS 系统安装 系统进程 Fireworks教程
您的位置：网站首页 > 网络编程 > JavaScript > javascript技巧

卡拉 OK 字幕效果

发布时间：2006-08-27　作者：　来源：转载
标签： 雪佛兰 通用 奢华 劳斯莱斯 旗舰版 64位 收藏夹 解调器
卡拉OK中的字幕随着歌曲的进行会逐渐点亮，由于字幕不是一个一个地点亮而是逐渐过渡，所以我们在网页中实现该效果时，要通过两个层来实现，两个层的文字相同，颜色不同，底层不变，上层逐渐拉宽以遮盖下层，就实现了该效果，在Flash中实现这种效果时，也是本
卡拉OK中的字幕随着歌曲的进行会逐渐点亮，由于字幕不是一个一个地点亮而是逐渐过渡，所以我们在网页中实现该效果时，要通过两个层来实现，两个层的文字相同，颜色不同，底层不变，上层逐渐拉宽以遮盖下层，就实现了该效果，在Flash中实现这种效果时，也是本原理。本文给出基本示例，以求抛砖引玉。
重点是：两层的文字大小和行高相同，为第二个层设置合理的position、top、overflow、width样式属性和nowrapHTML属性。
注意，不同的浏览器可能因为对CSS的解释不同和缺乏某些属性支持，无法实现本效果，请在IE中察看示例。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

相关推荐

文章分类

表单特效 网页特效 广告代码 黑客性质 DOM node.js js其它 javascript技巧 基础知识 javascript类库

热门关键词

雪佛兰 通用 奢华 劳斯莱斯 旗舰版 64位 收藏夹 解调器 网卡 网线 分辨率 家电 4k 显示器 header USER_AGENT 色彩 图形 商业 生成

热门文章

最新更新

网站首页 　|　关于我们 　|　免责声明 　|　广告合作 　|　联系我们
Copyright @ 2015-2024 福编程 fuphp All Rights Reserved.
豫ICP备15036959号-4