长恨歌中文繁体字文字雨动画效果代码-html代码-BFW代码库

长恨歌中文繁体字文字雨动画效果代码

代码语言：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);
        .........完整代码请登录后点击上方下载按钮下载查看