Bài viết này sẽ hướng dẫn bạn cách thức xây dựng một Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery cùng với mã nguồn kèm theo để tải về.

Đây là hiệu ứng trình đơn cực kì xuất sắc hệ thống danh mục to lớn cả về chiều sâu lẫn chiều rộng (các danh mục được chia theo nhiều chủ đề); hiệu ứng JavaScript này sẽ hiển thị tất cả các danh mục với một ngữ cảnh tươi sáng đầy màu sắc, mỗi chủ đề của danh mục sẽ có một ảnh minh họa riêng.

Hiệu ứng trình đơn này cực kì thích hợp với những website có hệ thống danh mục to lớn cả về chiều sâu lẫn chiều rộng (các danh mục được chia theo nhiều chủ đề); hiệu ứng JavaScript này sẽ hiển thị tất cả các danh mục với một ngữ cảnh tươi sáng đầy màu sắc, mỗi chủ đề của danh mục sẽ có một ảnh minh họa riêng.

Với sự hỗ trợ của thư viện jQuery, hiệu ứng sẽ thực hiện hoạt hóa cuộn cho mỗi danh mục mỗi khi người dùng nhấn chuột vào, bạn có thể thay đổi dễ dàng các phương thức hoạt hóa với các hàm có sẵn của jQuery.

Việc xây dựng hoàn chỉnh hiệu ứng này từ đầu khá công phu, jsB@nk sẽ hướng dẫn bạn từng bước để làm hiệu ứng này trong bài viết sau, còn bây giờ bạn hãy vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức.

Kế thừa là một kĩ thuật rất quan trọng trong các ngôn ngữ lập trình hướng đối tượng nói chung và trong ngôn ngữ JavaScript nói riêng bởi tiêu chí sử dụng lại của lập trình hướng đối tượng. Trong bài viết hướng dẫn này, tác giả giới thiệu với bạn 5 phương pháp quan trọng để thực hiện việc kế thừa trong JavaScript. Bạn nên nắm vững các phương pháp này để có thể lập trình chuyên sâu JavaScript hơn.

Thêm một đoạn mã JavaScript khác nữa để tạo hiệu ứng bàn phím ảo trên trang web. Lí do để dùng bàn phím ảo là nhằm tránh các vấn nạn bảo mật tài khoản ở các máy tính công cộng (cửa hàng/dịch vụ Internet).

Hiệu ứng JavaScript này tạo một bàn phím ảo với giao diện đồ họa người dùng tương đối rõ ràng, đồng thời hỗ trợ trên 20 ngôn ngữ phổ biến và cả các kí tự đặc biệt. Một hiệu ứng bàn phím ảo rất dễ sử dụng và cài đặt.

Có lẽ bạn muốn xem thêm các hiệu ứng tạo bàn phím ảo có trên jsB@nk:

- Bàn phím ảo
- Bàn phím ảo 2
- Tạo một bàn phím

Opera là trình duyệt ưa thích nhất của tôi hơn 5 năm nay, nó được tôi dùng làm trình duyệt chính từ 2005; bởi tốc độ tải trang đáng kinh ngạc của nó. Tôi bắt đầu dùng Opera từ phiên bản 6, lúc đó khi tiến hành cài đặt, công ty phát triển tự tin tuyên bố trong lời chào rằng "Opera là trình duyệt nhanh nhất quả đất".

Tại thời điểm viết bài này, phiên bản mới nhất của Opera là 11 beta với hơn 150 triệu người dùng trên khắp thế giới, cùng với hàng trăm, hàng nghìn thư viện/công cụ hỗ trợ để người dùng duyệt web tốt hơn. Trong bài viết hôm nay, jsB@nk muốn giới thiệu với bạn danh sách 10 thư viện JavaScript (UserJS) hàng đầu dành cho Opera.

Những thư viện JavaScript tôi đang dùng cho Opera của mình là: Flash Blocker, NoDelay, Document Viewer và NoAds.

Một bài viết nhỏ gọn nhưng cung cấp một cái nhìn cơ bản về JavaScript trong phát triển web (thiết kết và lập trình) có tác động như thế nào đối với tối ưu hóa thứ hạng trên các cỗ máy tìm kiếm (SEO - Search Engine Optimization).

Thêm một đoạn mã JavaScript đơn giản khác nữa để thực hiện việc tính tổng với các giá trị của dấu kiểm. Đoạn mã JavaScript này chỉ thực hiện vòng lặp for để kiểm tra và thực hiện. Một hiệu ứng tuy đơn giản nhưng rất hữu ích.

Bộ đếm thời gian cho một sự kiện nào đó dường như là một thứ không thể thiếu đối với cuộc sống của loài người ngày nay, chúng ta có thể bắt gặp các bộ đếm này khi gần đến ngày Giáng sinh, năm mới, ngày sinh nhật, kỉ niệm, ... hay đơn giản nhất trong cuộc sống đời thường là đồng hồ báo thức - một bộ đếm thời gian đơn giản nhất.

Đề tài bộ đếm thời gian cũng đã được giới thiệu nhiều trên jsB@nk thông qua các hiệu ứng JavaScript, các bài viết hướng dẫn như:

- Bộ đếm thời gian dạng thanh với jQuery
- Thêm 10 bộ đếm đến ngày Giáng sinh đẹp nhất
- Giải pháp OOP tạo bộ đếm ngược thời gian
- Bộ đếm thời gian giảm dần đẹp tuyệt vời

Hôm nay jsB@nk muốn giới thiệu với bạn thêm một giải pháp nữa để tạo bộ đếm thời gian, trong môi trường Flash và sử dụng ngôn ngữ ActionScript. Bạn vui lòng vào trang chi tiết để xem thêm.

Thêm một đoạn mã JavaScript khác để tạo hiệu ứng trình đơn xổ dọc thay đổi danh sách nội dung khi người dùng nhấn các tùy chọn. Bạn có thể thêm nhiều tùy chọn và giá trị dữ liệu như mong muốn. Cách thức sử dụng và tài liệu tham khảo được giải thích đầy đủ bên trong mã nguồn hiệu ứng JavaScript này.

Nén (thu gọn) kích thước tập tin JavaScript là một trong những kĩ thuật quan trọng hàng đầu để tối ưu hóa hiệu suất hoạt động của một trang web. Và để thực hiện việc nén mã nguồn JavaScript, cách dễ dàng nhất là chúng ta sử dụng các thư viện được giới thiệu trong bài viết Hiệu suất của các thư viện nén JavaScript.

Tuy nhiên giải pháp này có mặt hạn chế là mỗi khi muốn thay đổi mã nguồn JavaScript, chúng ta cần phải dùng các công cụ này để biên dịch lại sau đó mới đăng tải lên website trực tuyến. Để khắc phục khuyết điểm này, chúng ta có thể dùng một giải pháp khác: thực hiện việc nén mã nguồn JavaScript ngay trên máy chủ và trả về kết quả mỗi khi được yêu cầu.

Đó chính là chủ đề của bài viết hướng dẫn JavaScript hôm nay: hướng dẫn xây dựng giải pháp nén mã nguồn JavaScript/tệp tin JavaScript ngay trên máy chủ Apache.