Nội dung

Placeholder Typewriter hiệu ứng jQuery đánh máy cho thanh tìm kiếm

3 năm trước, Câu hỏi thường gặp, Code website hay dùng, 671 Lượt xem

Nội dung

Cách sử dụng

1. Chèn thư viện placeholderTypewriter vào web. Trong file download về bạn sẽ thấy file placeholderTypewriter.js – file này chính là thư viện chính để tạo hiệu ứng đánh máy cho placehover của textbox. Để file đó chạy được thì chắc chắn web của bạn cần load thư viện jQuery (bản mới nhất càng tốt).

Chèn jquery vào web:

<!-- JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="placeholderTypewriter.js"></script>

Ví dụ có thẻ textbox html

<input class="search-box" type="text" name="search" id="search">

jQuery code như sau

			  /* Placeholder Typewriter */
			  var placeholderText = [
				"Tìm kiếm tên miền đẹp ngay nào?",
				"Ví dụ: netweb",
				"Ví dụ: techcorp",
				"Ví dụ: thietkewebs",
				"Ví dụ: choweb"
			  ];

			  $('#search').placeholderTypewriter({text: placeholderText});

Ví dụ:

$('#search').placeholderTypewriter({
  text: placeholderText,
  delay: 200,
  pause: 3000
});

Download file mẫu tham khảo: https://drive.google.com/file/d/1AAyQIWmGBnEX8BRYlLYXrBXX9Ik2h_pT/view?usp=sharing

Bài viết mới cập nhập

  • Quản lý mẫu web phòng khám

    Quản lý mẫu web phòng khám

    3 tháng trước, 133 Lượt xem

    Xin chào tất cả các khách hàng dùng mẫu web công ty bên netweb, sau đây netweb.vn xin hướng dẫn các bạn quản lý mẫu…

  • Quản lý mẫu web công ty

    Quản lý mẫu web công ty

    5 tháng trước, 192 Lượt xem

    Xin chào tất cả các khách hàng dùng mẫu web công ty bên netweb, sau đây netweb.vn xin hướng dẫn các bạn quản lý mẫu…

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)