A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 码农来了 中级黑马   /  2016-11-11 23:17  /  11666 人查看  /  73 人回复  /   3 人收藏 转载请遵从CC协议 禁止商业使用本文

卡拉 OK 中的字幕随着歌曲的进行会逐渐点亮,由于字幕不是一个一个地点亮而是逐渐过渡,所以我们在网页中实现该效果时,要通过两个层来实现,两个层的文字相同,颜色不同,底层不变,上层逐渐拉宽以遮盖下层,就实现了该效果,在 Flash 中实现这种效果时,也是本原理。本文给出基本示例,以求抛砖引玉。
重点是:两层的文字大小和行高相同,为第二个层设置合理的 position、top、overflow、width 样式属性和 nowrap HTML 属性。
注意,不同的浏览器可能因为对 CSS 的解释不同和缺乏某些属性支持,无法实现本效果,请在 IE 中察看示例。
游客,如果您要查看本帖隐藏内容请回复



73 个回复

倒序浏览
666.这么久没思考出来的问题一下就明白了
来自宇宙超级黑马专属苹果客户端来自宇宙超级黑马专属苹果客户端
回复 使用道具 举报
围观下,求大神指导下
回复 使用道具 举报
学习学习!!!
回复 使用道具 举报
回复 使用道具 举报
666666666666
回复 使用道具 举报
学习了~~~~~~
回复 使用道具 举报
hgjfj,hvvb;lkjfggjllkjhgfg
回复 使用道具 举报
回复 使用道具 举报
进来看看
回复 使用道具 举报
看一看,学一学,顶一顶
回复 使用道具 举报
感谢楼主分享
回复 使用道具 举报
6666666666666666666666666666
回复 使用道具 举报
好好学习天天向上
回复 使用道具 举报
好好好好好好好好
回复 使用道具 举报
6666666666666666666666666666666666666666
回复 使用道具 举报
1111111111111111111
回复 使用道具 举报
.......................................................................................
回复 使用道具 举报
tianruily 来自手机 初级黑马 2017-9-12 00:12:49
19#
赞赞赞赞赞赞,棒棒哒哒
回复 使用道具 举报
66666阔以
回复 使用道具 举报
1234下一页
您需要登录后才可以回帖 登录 | 加入黑马