Hàm hiệu ứng gõ chữ
- Cách 1: Vào Giao diện → Tùy biến → Advanced (Nâng cao) cuộn xuống Custom JS (JavaScript tùy chỉnh)
- Cách 2: tạo file .js riêng và enqueue nó trong functions.php
- Cách 3: Dùng UX Blocks (theme Flatsome) hoặc các plugin có mục dán code js như Code Snippets ,…
- Cách 4: Riêng theme Flatsome: wp-admin/admin.php?page=optionsframework . Vào Flatsome → Advanced → Global Setting → Scripts
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<script> jQuery(document).ready(function($) { if ($(".type-text").length) { const type = document.querySelector(".type-text"); let listTexts = ["CHUYÊN NGHIỆP", "CHUẨN SEO", "LOAD NHANH", "GIÁ RẺ"]; let index = -1; let current = 0; function typeTextFunc() { if (current === listTexts.length) { current = 0 } let typeText = setInterval( () => { if (index == listTexts[current].length - 1) { clearInterval(typeText); clearTextFunc() } else { index++; type.textContent += listTexts[current][index] } } , 150) } function clearTextFunc() { let clearText = setInterval( () => { if (type.textContent.length == 0) { clearInterval(clearText); index = -1; current++; typeTextFunc() } else { type.textContent = type.textContent.slice(0, -1) } } , 150) } typeTextFunc() } }); </script> |
Quý khách cần tư vấn thiết kế web giá rẻ, vui lòng nhấn nút bên dưới:
Chào ! Bạn thấy nội dung này thế nào?
Xem thêm:
- Floors by Nature – Thương hiệu sàn gỗ nội thất Australia
- Tắt tính năng tự động cập nhật cho các plugin và theme trong WordPress
- Hướng dẫn code function Tạo mật khẩu (password) cho bài viết (post) để xem tiếp
- TP SOLAR – Thương hiệu đèn năng lượng mặt trời chính hãng
- Hướng dẫn code function trang Chuyển đổi các liên kết chia sẻ Google Drive thành liên kết tải trực tiếp
