Nội dung

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

7 tháng trước, Code theme wordpress, JavaScript, jquery, Website, Wordpress, 196 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ài viết mới cập nhập

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

Đam mê thiết kế web, kinh nghiệm 9 năm trong nghề thiết kế website, đang thiết kế web dạo tại netweb.vn, Callme: 08.9898.2526 (Mr Hải)