国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

卡拉 OK 字幕效果

2019-11-21 02:32:40
字體：大 中 小
來源：轉載
供稿：網(wǎng)友
卡拉 OK 中的字幕隨著歌曲的進行會逐漸點亮，由于字幕不是一個一個地點亮而是逐漸過渡，所以我們在網(wǎng)頁中實現(xiàn)該效果時，要通過兩個層來實現(xiàn)，兩個層的文字相同，顏色不同，底層不變，上層逐漸拉寬以遮蓋下層，就實現(xiàn)了該效果，在 Flash 中實現(xiàn)這種效果時，也是本原理。本文給出基本示例，以求拋磚引玉。
重點是：兩層的文字大小和行高相同，為第二個層設置合理的 position、top、overflow、width 樣式屬性和 nowrap HTML 屬性。
注意，不同的瀏覽器可能因為對 CSS 的解釋不同和缺乏某些屬性支持，無法實現(xiàn)本效果，請在 IE 中察看示例。

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 永州市| 南江县| 忻州市| 七台河市| 寻乌县| 乐安县| 孝义市| 浦北县| 马山县| 平阳县| 齐河县| 双牌县| 新昌县| 竹北市| 灵武市| 沁源县| 尉犁县| 江川县| 蕉岭县| 大安市| 丁青县| 福建省| 桃园县| 扎鲁特旗| 离岛区| 蒙城县| 遵义县| 廊坊市| 鹰潭市| 金塔县| 乌兰浩特市| 临清市| 浦北县| 金塔县| 浮梁县| 前郭尔| 桐柏县| 文山县| 石楼县| 农安县| 兴和县|