google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






RocketDoge tặng free 250M token (trị giá 70$)

RocketDoge tặng free 250M token trị giá 70$ (chỉ mở bằng Telegram app để chạy airdrop) cho mỗi người dùng. Token sẽ được phát sau 24-48 giờ. Chỉ cần bỏ ra 5 phút để làm 4 nhiệm vụ cực kì đơn giản:

Tham gia nhóm & kênh Telegram Theo dõi Twitter và đăng lại bài viết đính đầu Tham gia kênh Youtube Nhập địa chỉ ví BEP20 để nhận token

getElementsByClassName: Chọn các đối tượng bằng tên lớp Một hàm JavaScript đơn giản để cung cấp khả năng chọn các đối tượng HTML thông qua tên lớp của chúng.


Danh mục: Thủ thuật

JavaScript hướng đối tượng tạo chữ động kiểu đánh máy Đoạn mã JavaScript này sẽ làm cho các dòng chữ xuất hiện theo kiểu đánh máy văn bản nhưng cải tiến hơn ở chỗ nó sẽ không bắt buộc người dùng chờ để hiển thị; nghĩa là mỗi khi người dùng rê chuột vào các tiêu đề, nó sẽ lập tức hiển thị toàn bộ nội dung.

Ngoài ra mã nguồn JavaScript này còn được lập trình với các kĩ thuật OOP và DOM, rất hữu ích dành cho những ai đang quan tâm đến các kĩ thuật này.

Hãy thưởng thức thêm các hiệu ứng JavaScript tạo chữ đánh máy tuyệt đẹp khác trên jsB@nk:

- Chữ chạy kiểu đánh máy với sự kiện onClick
- Chữ động kiểu gõ phím
- Chữ cuộn kiểu đánh máy
- Chữ kiểu đánh máy và di chuyển


Danh mục: Chữ, Gõ chữ

Calc4Chem: Máy tính khoa học tuyệt vời dành cho Vật lý và Hóa học Đây là hiệu ứng JavaScript tạo một máy tính bỏ túi cực kỳ mạnh mẽ với rất nhiều chức năng như một máy tính khoa học thực sự: tính sin, cos, log, ...

Bên cạnh đó nó còn nhiều tính năng cực kì mạnh mẽ và hữu ích như lưu lại các hoạt động tính toán của chúng ta, cung cấp danh sách rất nhiều hằng số của hai lĩnh vực Vật lý và Hóa học, ...


Danh mục: Tính toán, Máy tính

Bộ đếm thời gian kiểu HTC với jQuery Thêm một hiệu ứng JavaScript khác nữa được giới thiệu trên jsB@nk để tạo một bộ đếm thời gian cực đẹp với giao diện của HTC (một nhà sản xuất điện thoại thông minh rất nổi tiếng của Đài Loan) được xây dựng trên nền tảng jQuery.

Mã nguồn JavaScript của bộ đếm thời gian này đã được xây dựng sẵn, bạn chỉ cần nạp vào trang web và cài đặt chỉ với một vài dòng mã lệnh JavaScript đơn giản. Hãy vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức hiệu ứng này hoặc xem thêm các bộ đếm thời gian tuyệt đẹp khác đã từng được giới thiệu trên jsB@nk:

- Bộ đếm thời gian độc đáo với jQuery
- Bộ đếm thời gian dạng thanh với jQuery
- Bộ đếm thời gian giảm dần đẹp tuyệt vời


Danh mục: Framework, jQuery

JsTetris: Xếp gạch cực cool với JavaScript Có lẽ chúng ta không lạ gì với trò chơi xếp gạch (Tetris) này sự quá nổi tiếng của nó, ra đời cùng thời đại với Mario (tính đến thời điểm này là trên 25 năm) và cũng rất nổi tiếng như Mario. Tetris có mặt lần đầu tiên là vào năm 1984, hiện tại có hơn 125 triệu bản đã được phát hành trên tất cả các hệ máy chơi game.

Tetris - một trò chơi trí tuệ cực phổ biến - cũng đã có mặt trên jsB@nk từ những ngày đầu mới thành lập, với các hiệu ứng như:

- JavaScript Xếp gạch cao cấp
- JavaScript Xếp gạch
- JavaScript Trò chơi xếp gạch

Hôm nay jsB@nk muốn giới thiệu với bạn thêm hiệu đoạn mã JavaScript khác để tạo trò chơi Tetris cực kì độc đáo trên trang web.


Bộ đếm thời gian độc đáo với jQuery Một bộ đếm thời gian (countdown timer) với giao diện cực kì độc đáo, bắt mắt và sáng sủa để hiển thị trên website của bạn. Hiệu ứng này sẽ đếm số tuần, số ngày và thời gian đến một thời điểm đã được định trước. Bên cạnh đó hiệu ứng còn cho phép người dùng chọn một trong hai giao diện đen hoặc trắng để sử dụng; đồng thời người dùng cũng có thể dễ dàng chỉnh sửa mã nguồn JavaScript hơn bởi hiệu ứng này sử dụng thư viện jQuery làm nền.

Thêm một hiệu ứng tạo bộ đếm thời gian cực kì độc đáo nữa được liệt vào bộ sưu tập các bộ đếm có trên jsB@nk:

- Đồng hồ đếm ngược
- Xây dựng bộ đếm thời gian đơn giản với Flash và ActionScript
- Bộ đếm thời gian dạng thanh với jQuery
- Tạo một bộ đếm thời gian giảm dần theo mô hình OOP
- Bộ đếm thời gian giảm dần đẹp tuyệt vời


Danh mục: Framework, jQuery

Ẩn hiện layer với mã JavaScript đơn giản Thêm một đoạn mã JavaScript đơn giản nữa để thực hiện hiệu ứng ẩn/hiện một layer khi người dùng nhấn chọn vào một liên kết được chỉ định. Trong ví dụ mẫu JavaScript lần này, hiệu ứng được thực hiện với các bình luận của một bài viết.


Danh mục: Biểu mẫu

Khung hiển thị tiến trình tải với jQuery Một hiệu ứng JavaScript sử dụng thư viện jQuery để tạo một khung hiển thị tiến trình tải (loading) cực kì độc đáo và đặc sắc trên trang web. Với phiên bản hiện tại được giới thiệu trên jsB@nk, hiệu ứng này cho phép bạn 4 kiểu hiển thị: 3 kiểu hiển thị dạng nút tròn và một kiểu dạng ảnh tự chọn.

Cùng với ví dụ mẫu JavaScript trực tiếp là tài liệu chi tiết cách thức chỉnh sửa mã nguồn JavaScript và hướng dẫn chi tiết, bạn hãy vào trang ví dụ mẫu để thưởng thức nhé.

Hãy thử thêm các hiệu ứng tạo tiến trình tải với JavaScript có trên jsB@nk nếu bạn thích:

- Tỉ lệ tải trang web
- Thanh tiến trình trên trang web
- Thanh phần trăm
- Thanh tiến trình


Danh mục: Framework, jQuery

Hiệu ứng popup nội mờ ảo với CSS3 Tương tự như các hiệu ứng tạo popup nội đã từng giới thiệu trên jsB@nk:

- GreyBox: Công cụ tạo cửa sổ popup tuyệt đẹp
- Cửa sổ popup tự động trượt
- Popup nội với cookie
- Popup luôn ở phía trên

Nhưng hiệu ứng này lại đơn giản hơn rất nhiều với chỉ vài dòng mã lệnh JavaScript. Rất phù hợp nếu bạn chỉ cần một popup đơn giản và làm việc hiệu quả.


Danh mục: Trình duyệt, Popup

Khung ý kiến đánh giá tuyệt đẹp với XML và jQuery Hiệu ứng JavaScript này sử dụng thư viện jQuery và tệp tin XML để tạo một khung hiển thị các ý kiến đánh giá của khách hàng đối với website. Giao diện của khung được thiết kế khá đẹp và các ý kiến đánh giá sẽ được hiển thị ngẫu nhiên với hiệu ứng mờ dần, bạn có thể dễ dàng thay đổi các hiệu ứng khác với thư viện jQuery. Một hiệu ứng JavaScript độc đáo dành cho các website thương mại điện tử.


Danh mục: Framework, jQuery

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web