国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 葫芦岛市| 抚州市| 成都市| 东丽区| 蒲江县| 麦盖提县| 泰兴市| 平和县| 滕州市| 武强县| 天津市| 贵港市| 麻城市| 靖边县| 桐城市| 进贤县| 巴塘县| 呼玛县| 惠来县| 巴马| 墨玉县| 高碑店市| 绍兴市| 安阳市| 金溪县| 阿拉善左旗| 内丘县| 从江县| 英山县| 宣化县| 新野县| 邳州市| 峨眉山市| 崇明县| 柳江县| 砚山县| 靖宇县| 惠东县| 无为县| 西乌珠穆沁旗| 南康市|