아날로그 터미널 인쇄 효과

 <!DOCTYPE HTML>
<html>
    <head>
        <title>          </title>
        <meta charset="utf-8">
        <script type="text/javascript" src="js/jquery.js"></script>
        <style type="text/css"> body { margin: 0; padding: 0; background: #000; font-size: 16px; overflow: auto; width: 100%; height: 100%; } #mainDiv { width: 80%; height: 600px; border: 1px solid red; margin: 0 auto; } #code { float: left; width: 440px; height: 400px; color: blue; font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", "sans-serif"; font-size: 16px } #code .string { color: green; } #code .keyword { color: red; font-size: 20px; } </style>
    </head>

    <body>
        <div id="mainDiv">
            <div id="content">
                <div id="code">
                    <br />   QQ: <span class="keyword">1010305129</span>
                    <br />
                    <span class="comments">/*************      *************/</span>
                    <br />
                    <span class="comments">*     ：  </span>
                    <br />
                    <span class="comments">*        ， </span>
                    <br />
                    <span class="comments">*        。 </span>
                    <br />
                    <span class="comments">*        ，</span>
                    <br />
                    <span class="comments">*        。</span>
                    <br />
                    <span class="comments">/*************      *************/</span>
                    <br />
                    <span class="keyword">    O(∩_∩)O  ~</span>
                    <br />
                </div>
            </div>
        </div>

        <script type="text/javascript"> (function(a) { a.fn.typewriter = function() { this.each(function() { var d = a(this), c = d.html(), b = 0; d.html(""); var e = setInterval(function() { var f = c.substr(b, 1); if (f == "<") { b = c.indexOf(">", b) + 1 } else { b++ } d.html(c.substring(0, b) + (b & 1 ? "_" : "")); if (b >= c.length) { clearInterval(e) } }, 100) }); return this } })(jQuery); $("#code").typewriter(); </script>

    </body>

</html>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Vim에서paiza의 준비를 잘 하고 차근차근 열심히 하겠습니다.

※ Atcoder와 ICPC 등 경기 프로그래밍 대회를 시작하려는 사람에게는 수준이 낮은 이슈일 수 있습니다. ※ 이번엔 PHP로 작성됐으며, 다른 언어도 거의 동일합니다. ※ 목록 이름은 마음에 드는 이름 k입니다...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

아날로그 터미널 인쇄 효과

좋은 웹페이지 즐겨찾기