js realisiert den Effekt des Tanabata-Geständnisfeuers, jQuery realisiert die Feuerfeuertechnologie

<Skript>
        var si;
        Funktion tangmu(){
            Intervall löschen(si);
            var text = document.getElementById("text");
            var tangmu = document.getElementById("tangmu");
 
            var textStyle="<font id=\"textStyle\">"+text.value+"</font>";
             
            mathHeight = Math.round(Math.random()*tangmu.offsetHeight)+"px";
 
            var textLeft=tangmu.offsetWidth+"px";
             
            tangmu.innerHTML=Textstil;
             
            var textStyleObj = document.getElementById("textStyle");
             
            textStyleObj.style.left=textLinks;
            textStyleObj.style.top=mathematischeHöhe;
             
            var x = parseInt (textStyleObj.style.left);
             
            si = setInterval("xunhuan("+x+")",100);
             
        }
        Funktion xunhuan (links) {
            var textStyleObj = document.getElementById("textStyle");
            textStyleObj.style.left=links;
             
            var x = parseInt (textStyleObj.style.left);
 
            wenn(x<textStyleObj.style.width){
                document.getElementById("tangmu").innerHTML="";
                Intervall löschen(si);
            }anders{
                x-=18;
            }
             
            textStyleObj.style.left=x+"px";
        }
</Skript>

<script src="jquery-1.11.1.js"></script>
<Skript>

    $(Funktion () {
        $(".showBarrage,.s_close").klick(Funktion () {
            $(".barrage,.s_close").toggle("langsam");
        });
        init_barrage();
    })

    //Kommentar absenden $(".send .s_btn").click(function () {
        var text = $(".s_text").val();
        wenn (Text == "") {
            zurückkehren;
        }

        var _lable = $("<div style='right:20px;top:0px;opacity:1;color:" + getRandomColor() + ";'>" + text + "</div>");
        $(".mask").anhängen(_lable.show());
        init_barrage();
    })

    //Sperrfeuertechnologie-Funktion initialisieren init_barrage() {
        var _top = 0;
        $(".mask div").zeigen().jeweils(Funktion () {
                    var _left = $(window).width() - $(this).width(); //Die maximale Breite des Browsers, als Wert für die Positionierung links var _height = $(window).height(); //Die maximale Höhe des Browsers _top += 75;
                    wenn (_oben >= (_höhe - 130)) {
                        _oben = 0;
                    }
                    $(diese).css({links: _links, oben: _top, Farbe: getRandomColor()});

                   //Zeitgesteuerter Popup-Text var time = 10000;
                    wenn ($(this).index() % 2 == 0) {
                        Zeit = 15000;
                    }

                    $(this).animate({left: "-" + _left + "px"}, Zeit, Funktion () {
                        $(diese).entfernen();
                    });

                }
        );

    }

    //Zufällige Farbe abrufen Funktion getRandomColor() {
        return '#' + (Funktion (h) {
                    gibt neues Array zurück (7 – h.Länge).join("0") + h
                })((Math.random() * 0x1000000 << 0).toString(16))
    }

</Skript>