Bài viết này cung cấp cho chúng ta một danh sách gồm 10 thư viện (plug-ins) jQuery miễn phí để tạo các hiệu ứng dạng thẻ trên trang web. Với sự hỗ trợ của jQuery nên chúng ta có thể dễ dàng thay đổi các tính năng trong những thẻ này một cách dễ dàng.

Bạn có thể xem thêm các hiệu ứng JavaScript khác có chức năng tạo nội dung dạng thẻ vừa mới được giới thiệu trên jsB@nk:

- Trình đơn dạng thẻ tuyệt vời với Prototype và AJAX
- Các trình đơn dạng thẻ hữu ích
- Tab nội dung

Tô sáng mã nguồn là một tính năng cực kì hữu ích đối với những trang web hoặc blog chuyên cung cấp mã nguồn, jsB@nk cũng đã từng giới thiệu với bạn rất nhiều thư viện JavaScript, ứng dụng web có khả năng thực hiện nhiệm vụ này rất tuyệt vời thông qua hai bài viết:

- Tô sáng mã nguồn JavaScript và PHP với hàm PHP highlight_string
- 16 công cụ tô sáng mã nguồn miễn phí bằng JavaScript

Thật sự tôi cũng đã có kế hoạch sử dụng tính năng này trên jsB@nk từ hơn 2 năm trước, nhưng vì nhiều lí do khách quan mà vẫn chưa thể áp dụng được dự định này. Nay jsB@nk muốn giới thiệu với bạn thêm một thư viện JavaScript nữa tuy khá đơn giản (chỉ đơn giản so với các thư viện đã giới thiệu ở trên chứ thật ra nó vẫn rất phức tạp) nhưng vẫn làm việc khá hiệu quả.

Bài viết này cung cấp vài ví dụ mẫu JavaScript về cách thức sử dụng hàm và biểu thức so trùng trong ngôn ngữ lập trình JavaScript. Một bài viết hướng dẫn sử dụng JavaScript rất hữu ích dành cho người mới học.

Hãy xem thêm các bài viết khác về hàm và biểu thức so trùng rất hữu ích trên jsB@nk bạn nhé:

- Bảng tham khảo phương thức và hàm trong JavaScript
- Các hàm JavaScript dựng sẵn phổ biến
- Các ví dụ mẫu về hàm trong JavaScript
- Các hàm so trùng JavaScript dựng sẵn

Sưu tập các hiệu ứng JavaScript về các kiểu đồng hồ đẹp và độc đáo là một trong những tiêu chí ban đầu khi tôi lập ra jsB@nk; đến thời điểm bài viết này, có thể nói jsB@nk có số lượng hiệu ứng về đồng hồ cực kì phong phú, trong đó chỉ một số là đẹp, hầu hết còn lại là rất đẹp và tuyệt đẹp [cười:D], với trên 50 hiệu ứng tất cả, bạn có thể kiểm chứng qua liên kết tìm kiếm này: http://www.javascriptbank.com/en+title=clock. Vài hiệu ứng JavaScript được tôi giới thiệu gần đây là:

- jsClock: Đồng hồ số tiện dụng với JavaScript
- Đồng hồ đọc giờ với JavaScript
- CoolClock - Đồng hồ kim tuyệt đẹp với JavaScript

Hôm nay, jsB@nk muốn giới thiệu với bạn thêm một hiệu ứng JavaScript khác để tạo một đồng hồ kim tuyệt đẹp trên trang web. Hiệu ứng đồng hồ kim này được tạo bởi jQuery và Raphaël, cho phép người dùng chọn 1 trong 14 kiểu hiển thị có sẵn (dĩ nhiên bạn có thể dễ dàng thêm các kiểu khác) cùng với việc chỉnh sửa màu sắc của 3 kim giờ, phút và giây. Bạn vui lòng vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức đồng hồ kim tuyệt đẹp này.

Nếu từng xem nhiều trang web hoặc bài viết có chủ đề chuyên môn, nghiên cứu hoặc học thuật; chắc hẳn chúng ta sẽ thường gặp các từ ngữ chuyên ngành và thường được tác giả giải thích cuối mỗi trang/bài viết.

Là một nhà xuất bản nội dung, khi phải với một nội dung càng sâu và rộng, chúng ta sẽ bắt gặp nhiều từ chuyên ngành hơn; sẽ chúng ta sẽ tốn thời gian rất nhiều để thực hiện việc chú giải cho các từ này. Đây là lí do Aaron Gustafson xây dựng hiệu ứng Bảng chú thích tự động với JavaScript này. Nhà xuất bản chỉ cần tạo nội dung với các chú thích phù hợp, việc liệt kê danh sách các chú giải sẽ được thực hiện tự động với hiệu ứng JavaScript này.

Một hiệu ứng JavaScript khác rất hữu ích dành cho các nhà xuất bản, đó là JavaScript tạo chỉ mục tự động với DOM.

Một đoạn mã JavaScript cực kì tuyệt vời để tạo hiệu ứng trình đơn dạng thẻ để hiển thị thông tin trên trang web. Trình đơn thẻ này có cách thức hoạt động tương tự như các ứng dụng có giao diện dùng thẻ khác và hiệu ứng này có giao diện khá giống với trình duyệt Firefox cùng với các tính năng mà hiệu ứng thẻ này hỗ trợ:
- Tạo không hạn chế thẻ
- Cho phép tạo thêm thẻ thông qua AJAX hoặc IFRAME
- Có thể tạo các thẻ không thể đóng (dành để hiển thị thông tin quan trọng)

Hãy thưởng thức thêm các hiệu ứng thẻ JavaScript tuyệt vời có trên jsB@nk:

- Khung tìm kiếm đơn giản dạng thẻ với CSS
- Các trình đơn dạng thẻ hữu ích
- Tab nội dung
- Tạo các tab
- Tab nội dung

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

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.

SharePoint là một chương trình chuyên dụng của Microsoft thay thế Microsoft Frontpage - dùng để thiết kế và lập trình trang web rất mạnh mẽ. Bài viết này hướng dẫn bạn từng bước để thực hiện việc thu gọn (tối ưu hóa) mã nguồn JavaScript của các ứng dụng web với trình nén SharePoint Minifier. Vui lòng vào trang trong để xem chi tiết các hướng dẫn cùng với ảnh minh họa và mã nguồn ví dụ.

Nếu bạn vẫn còn quan tâm đến vấn đề tối ưu hóa mã nguồn JavaScript để tăng hiệu suất hoạt động của trang web, hãy xem thêm các bài viết khác:

- Hiệu suất của các thư viện nén JavaScript
- Tối giản mã nguồn JavaScript tốt hơn
- Nén tập tin JavaScript tự động trên Apache

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