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

Đoạn mã JavaScript này sẽ tạo một trình đơn nhiều cấp trên trang web (trong ví dụ JavaScript mẫu là 3 cấp, và dĩ nhiên bạn có thể tạo bao nhiêu cấp cũng được).

Điểm sáng giá của hiệu ứng JavaScript này ở chỗ nó chỉ cho phép một trình đơn cấp gốc được chọn mỗi lần; đồng thời nó dùng cookie để lưu trạng thái đóng/mở của các trình đơn, mỗi khi trang web được tải lại thì nó vẫn hiển thị vị trí đã mở.

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.

Đâ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, ...

Đ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

Nếu thường xem phim truyện trên kênh truyền hình HBO hẳn bạn sẽ quen với câu khẩu hiệu "Simply the Best" mà jsB@nk đang sử dụng để đặt cho tiều đề bài viết này. jsB@nk muốn mượn khẩu hiệu này để nói lên tính chất của bài viết: nội dung này cung cấp cho bạn các khái niệm rất cơ bản về JavaScript, có thể nhanh chóng và dễ dàng tiếp cận, nắm vững ngôn ngữ lập trình web JavaScript.

Bài viết cung cấp các hướng dẫn chi tiết cùng với mã nguồn ví dụ JavaScript mẫu kèm theo. Hiện tại bài viết này có 5 danh mục và sẽ được cập nhật liên tục, trong khi chờ đợi, bạn có thể xem qua:
- Phần 1: Lớp trong JavaScript
- Phần 2: Kế thừa trong JavaScript
- Phần 3: JavaScript và JSON
- Phần 4: Thuộc tính Prototype
- Phần 5: Tầm vực trong JavaScript

Các bài viết hướng dẫn làm quen với JavaScript khác có trên jsB@nk:
- Hàm JavaScript & Biểu thức so trùng: Vài ví dụ cơ bản
- Tổng quan về Prototype của JavaScript
- 5 kĩ thuật kế thừa trong JavaScript nên nắm vững
- Kiểu và Đối tượng đơn giản trong LTHĐT JavaScript
- 10 eBook tốt nhất người mới học JavaScript nên đọc

Hôm nay, jsB@nk muốn giới thiệu đến bạn cách thức để xây dựng một ứng dụng trò chơi đơn giản với kĩ thuật HTMl5 và JavaScript; tên ứng dụng này là Asteroid, và được jsB@nk đặt là Trò chơi tránh thiên thạch bởi cách chơi của nó: chỉ cần dùng các phím mũi tên để di chuyển nhân vật của mình (chiếc phi thuyền) né tránh các vật thể di chuyển ngẫu nhiên xung quanh.

Điểm đặc biệt của trò chơi này là nó được xây dựng hoàn toàn dựa trên kĩ thuật HTML5 với tập lệnh canvas - một ví dụ mẫu JavaScript khá tốt để giúp chúng ta làm giúp chúng ta tiếp cận với kĩ thuật mới này.

Hãy tìm hiểu thêm về canvas và HTML5 nếu bạn muốn thông qua các bài viết, hiệu ứng JavaScript khác trên jsB@nk:
- JavaScript xoay ảnh với CANVAS trong HTML5
- Ứng dụng đồ họa tuyệt vời với HTML5
- Các hàm JavaScript mới trong HTML5
- 12 trò chơi JavaScript đầy sáng tạo bạn nên chơi

Ngôn ngữ lập trình JavaScript và thư viện jQuery là những nhân tố cần thiết hầu như đối với mọi website; và gần như tất cả các nhà thiết kế web, lập trình web và phát triển web đều phải biết sử dụng chúng nếu muốn làm cho giao diện website trở nên sinh động và bắt mắt hơn. Tuy nhiên, các nhà thiết kế web sẽ gặp một vài khó khăn khi triển khai các mã nguồn JavaScript này bởi họ gần như không giỏi về lập trình.

Vì vậy, hôm nay trong bài viết này, jsB@nk muốn giới thiệu dành riêng cho các nhà thiết kế web những bài viết hướng dẫn thực hành JavaScript và jQuery cao cấp nhưng rất dễ làm theo, để tạo nên các hiệu ứng JavaScript tuyệt đẹp trên website.

Hiệu ứng cuộn là một trong những hiệu ứng được sử dụng nhiều nhất trong thiết kết web. Và có vô số website sử dụng hiệu ứng cuộn này, với sự hỗ trợ của các thư viện JavaScript, để tạo nên các website với giao diện và cách hoạt động cực kì độc đáo.

Hôm nay trong bài viết này, jsB@nk sẽ giới thiệu với bạn danh sách 30 website được thiết kế cực kì độc đáo với hiệu ứng cuộn. Hãy vào trang chi tiết để xem, có thể chúng sẽ cung cấp cho bạn nhiều ý tưởng mới.

Trong thế giới rộng lớn của phát triển và lập trình web, rất nhiều lập trình viên đã sáng tạo ra khá nhiều công cụ, ứng dụng hữu ích rồi sau đó phân phối miễn phí đến cộng đồng. Tại sao chúng ta phải phát triển các dự án web từ đầu? Trong khi chúng ta có thể dễ dàng sử dụng các công cụ này để tiết kiệm thời gian, đôi khi còn đạt kết quả tốt hơn?

Hãy cùng JavaScriptBank.com khám phá 20 công cụ hữu ích để giúp bạn làm web nhanh hơn và thậm chí còn tốt hơn.