TypewriterJS hiệu ứng js đánh văn bản cực đẹp

4 tháng trước, Code theme wordpress, JavaScript, jquery, Website, Wordpress, 91 Lượt xem

TypewriterJS là hiệu ứng đánh máy cực đẹp dành cho website, hôm nay netweb giới thiệu đến các bạn hiệu ứng này, hình demo dưới nhé.

Cách tích hợp vào website của bạn

CDN các bạn có thể add vào trên script như mã biên dưới

<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>

Html hiển thị mã js

<div id="app"></div>

Mã js chèn vào web của bạn

<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>

<script>
    var app = document.getElementById('app');

    var typewriter = new Typewriter(app, {
        loop: true,
        delay: 75,
    });

    typewriter
        .pauseFor(2500)
        .typeString('THIẾT KẾ THI CÔNG BIỆT THỰ CAO CẤP')
        .pauseFor(300)
        .typeString('<strong>, THI CÔNG</strong> DỰ ÁN NHÀ XƯỞNG ')
        .pauseFor(1000)
        .start();
</script>

Bình luận trên facebook netweb.vn