Hôm nay trong bài viết này, jsB@nk xin phép được hướng dẫn bạn cách thức để xây dựng một Phòng trưng bày ảnh với hai kiểu hiển thị - một hiệu ứng JavaScript khá độc đáo để tạo một không gian trưng bày ảnh rất ấn tượng trên trang web. Bạn vui lòng vào trang chi tiết để xem thêm.

Đây thực sự là một hiệu ứng JavaScript/jQuery tuyệt vời để tạo nên một không gian trưng bày ảnh trên web. Bên cạnh một giao diện được thiết kế khá đẹp, hiệu ứng này còn cho phép người dùng chọn cách hiển thị ảnh theo dạng danh sách chi tiết hoặc thu gọn dạng lưới.

Hãy xem thêm các hiệu ứng trình diễn ảnh có trên jsB@nk nếu bạn vẫn còn muốn:

- 16 hiệu ứng trưng bày ảnh miễn phí
- Trưng bày ảnh

Bài viết nhỏ này cung cấp cho chúng ta hai hàm JavaScript để tạo một chuỗi với nhiều tùy chọn, một hàm dùng JavaScript nguyên bản và một hàm thì dùng jQuery. Cả hai hàm JavaScript này đều cho phép chúng ta quyết định độ dài của chuỗi và chọn kí tự đặc biệt hay không.

Tham khảo thêm nhiều hiệu ứng JavaScript khác để tạo chuỗi ngẫu nhiên có trên jsB@nk:

- Tạo nội dung ngẫu nhiên
- Nút tạo chữ ngẫu nhiên
- Trình tạo mật mã ngẫu nhiên
- Mật khẩu ngẫu nhiên
- Khung chữ với các kí tự ngẫu nhiên

Biểu thức so trùng (Regular Expressions - RegEx) là những kiến thức chuyên sâu không thể thiếu nếu bạn muốn trở thành một nhà lập trình JavaScript chuyên nghiệp nói riêng, hoặc một nhà lập trình nói chung; bởi những tính năng cực kì mạnh mẽ mà chúng có thể đem lại chỉ với một vài thao tác đơn giản bỏ ra. jsB@nk cũng đã giới thiệu nhiều về biểu thức so trùng thông qua các bài viết bên dưới:

- Kiểm tra dữ liệu đăng kí
- Kiểm tra các mẫu thông thường
- Tìm và thay thế chuỗi với Regular Expression

Hôm nay jsB@nk giới thiệu thêm với bạn một bài viết về vấn đề này, nhưng ở một khía cạnh khác, đó là nói về các hàm được xây dựng sẵn của ngôn ngữ JavaScript dành cho các biểu thức so trùng này. Vui lòng vào bài viết chi tiết để xem thêm.

Bài viết JavaScript nhỏ này sẽ hướng dẫn bạn cách thức sử dụng thư viện JavaScript jQuery để làm việc với cookie với các nhiệm vụ như tạo và lưu trữ dữ liệu vào cookie, lấy và sử dụng các dữ liệu có trong cookie. Một bài viết nhỏ để hiểu biết thêm về cách sử dụng jQuery dành cho người mới học.

Các chú thích là những nhân tố không thể thiếu đối với bất kì một website, bởi chúng có thể cung cấp nhiều thông tin hơn cho người đọc. Đơn giản và dễ dàng nhất, chúng ta có thể thêm các chú thích vào bất kì một đối tượng HTML nào bằng thuộc tính title.

Nhưng giải pháp này chỉ cung cấp cho chúng ta các chú thích thuần văn bản. Nếu muốn thêm các nội dung khác như hình & ảnh, âm thanh, ... vào các chú thích; đòi hỏi chúng ta phải sử dụng JavaScript, và hiển nhiên chúng ta cần phải biết khá rành về JavaScript để làm cho các chú thích trở nên độc đáo và bắt mắt hơn.

Tất cả các khó khăn này sẽ biến mất nếu bạn sử dụng thư viện JavaScript là jQuery. Hãy xem & thử các hiệu ứng tạo chú thích tuyệt vời dùng jQuery trong bài viết này, để sáng tạo cho riêng bạn các chú thích độc đáo.

Hiệu ứng JavaScript này cung cấp hai hàm JavaScript đơn giản để xử lí các chuỗi số. Một hàm sẽ có chức năng thêm dấu phần nghìn vào chuỗi số ngay khi người dùng đang nhập liệu. Và một hàm khác dùng để loại bỏ các kí tự không phải là số.

Chúng ta vẫn có thể kết hợp cả hai hàm vào một khung nhập liệu. Hai hàm JavaScript này đều dùng các biểu thức so trùng để làm việc.

Với đoạn mã JavaScript này, chúng ta có thể dễ dàng tạo ra hiệu ứng chữ chạy kiểu đánh máy khi người dùng nhấn vào các vùng chứa chữ. Hiệu ứng này cung cấp 3 cách thức để tạo chữ chạy: thêm mới vào một khu vực có trước, thay mới hoàn toàn và lập lại thao tác chạy.

Đây là một hiệu ứng JavaScript chuyển ảnh cực kì tuyệt vời dùng thư viện jQuery để trình diễn các hoạt hóa. Và bạn vẫn có thể dùng hiệu ứng này để làm một trình diễn ảnh chuyển động (slideshow) hoặc một phòng trưng bày ảnh (gallery) đều được.

Ngay bây giờ, bạn có thể xem trực tiếp cách hoạt động của khung trưng bày ảnh này thông qua ví dụ mẫu JavaScript trực tiếp, và cài đặt cho riêng mình với các mã nguồn JavaScript/CSS/HTML đã được cung cấp sẵn. Hoặc bạn có thể đợi đến bài viết kế tiếp vào ngày mai, jsB@nk sẽ hướng dẫn bạn chi tiết cách tạo hiệu ứng này.

Thật sự thì hiệu ứng JavaScript này chỉ tạo một hộp thoại "chứa" văn bản với kiểu trang trí của một cửa sổ chat mà thôi. Một hiệu ứng JavaScript rất đơn giản với mã nguồn cũng rất ngắn gọn với kĩ thuật lập trình JavaScript hướng đối tượng.