长恨歌中文繁体字文字雨动画效果代码
代码语言:html
所属分类:动画
代码描述:长恨歌中文繁体字文字雨动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body { overflow: hidden; } .content { position: relative; color: transparent; } .content .moving_words { position: relative; opacity: 0; font-weight: bold; } * { cursor: pointer; } </style> </head> <body> <div class="content"> 天旋地轉迴龍馭,到此躊躇不能去。 馬嵬坡下泥土中,不見玉顏空死處。 君臣相顧盡沾衣,東望都門信馬歸。 歸來池苑皆依舊,太液芙蓉未央柳。 芙蓉如面柳如眉,對此如何不淚垂。 春風桃李花開日,秋雨梧桐葉落時。 西宮南內多秋草,落葉滿階紅不掃。 梨園弟子白髮新,椒房阿監青娥老。 夕殿螢飛思悄然,孤燈挑盡未成眠。 遲遲鐘鼓初長夜,耿耿星河欲曙天。 鴛鴦瓦冷霜華重,翡翠衾寒誰與共。 悠悠生死別經年,魂魄不曾來入夢。 漢皇重色思傾國,御宇多年求不得。 楊家有女初長成,養在深閨人未識。 天生麗質難自棄,一朝選在君王側。 回眸一笑百媚生,六宮粉黛無顏色。 春寒賜浴華清池,溫泉水滑洗凝脂。 侍兒扶起嬌無力,始是新承恩澤時。 雲鬢花顏金步搖,芙蓉帳暖度春宵。 春宵苦短日高起,從此君王不早朝。 承歡侍宴無閒暇,春從春遊夜專夜。 後宮佳麗三千人,三千寵愛在一身。 金屋妝成嬌侍夜,玉樓宴罷醉和春。 姊妹弟兄皆列土,可憐光彩生門戶。 遂令天下父母心,不重生男重生女。 驪宮高處入青雲,仙樂風飄處處聞。 緩歌慢舞凝絲竹,盡日君王看不足。 漁陽鼙鼓動地來,驚破霓裳羽衣曲。 </div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/TweenMax.min.js"></script> <script> window.onload = function() { var content = document.querySelector('.content'); str = content.innerHTML.replace(/\n/g, ""), w = window.innerWidth, h = window.innerHeight; var words = []; for (var i = 0; i < str.length; i++) { words.push(str[i]); } content.innerHTML = ""; for (var i = 0; i < words.length; i++) { tmp = document.createElement('span'); tmp.setAttribute('class', 'moving_words'); if (words[i] == " " && (words[i - 1] == " " || words[i + 1] == " ")) { continue; } else { tmp.innerHTML = words[i]; } content.appendChild(tmp); } words = document.querySelectorAll('.moving_words'); wordsInfo = []; for (var i = 0; i < words.length; i++) { wordsInfo[i] = []; wordsInfo[i].push(words[i].offsetLeft); .........完整代码请登录后点击上方下载按钮下载查看
网友评论0