jquery

  1. filiallion

    Share Tạo hiệu ứng xoay chữ với thư viện Simple Text Rotator

    Để tạo hiệu ứng xoay chữ đẹp mắt các bạn có thể sử dụng CSS3, nhưng để tạo được hiệu ứng đó đòi hỏi các bạn phải có kinh nghiệm tốt về CSS3 thì mới có thể tạo ra các hiệu ứng như ý muốn. Với thư viện Simple Text Rotator các bạn có thể tạo ra các hiệu ứng xoay chữ mà các bạn muốn chỉ bằng cách...
  2. filiallion

    Share Tạo hiệu ứng văn bản với thư viện Arctext.js

    Với CSS3 các bạn hoàn toàn có thể tạo ra nhiều hiệu ứng với văn bản như đổ bóng, xoay và nhiều hiệu ứng khác. Tuy nhiên, trong một số trường hợp như bẻ cong văn bản theo một mức độ các bạn cần thì việc thiết kế bằng CSS3 khá phức tạp và mất thời gian. Với thư viện Arctext.js thì việc này lại vô...
  3. filiallion

    Share Thêm hàm vào thư viện jQuery

    Thư viện jQuery hiện tại đang là thư viện JavaScript được sử dụng nhiều nhất cho tới thời điểm này. Với những tính năng vượt trội của jQuery đã giúp cho các lập trình viên phát triển front-end đỡ vất vả hơn khi jQuery đã cung cấp nhiều hàm cho người dùng. Tuy nhiên, trong nhiều trường hợp những...
  4. filiallion

    Share Định dạng cú pháp mã lệnh để hiển thị trên website với thư viện Highlightjs

    Đối với các website về công nghệ thông tin như chia sẻ bài viết về lập trình thì việc định dạng các nội dung mã lệnh là rất cần thiết để cho người dùng có thể đọc được nội dung mã lệnh dễ dàng. Hiện tại có rất nhiều thư viện để thực hiện chức năng này như Prismjs, Rainbow..., với bài viết này...
  5. filiallion

    Share Tạo tooltip chuyên nghiệp với thư viện jQuery UI Tooltip

    Để tạo ra các tooltip thì các bạn có thể sử dụng JavaScript để thiết kế nhưng để nhanh chóng thì các bạn có thể sử dụng thư viện jQuery UI Tooltip đáp ứng nhanh yêu cầu của các bạn. Với thư viện jQuery UI Tooltip, các bạn có thể tạo ra các tooltip chứa nội dung kể cả định dạng HTML hay chèn hình...
  6. filiallion

    Share Thiết kế các tab nội dung với thư viện jQuery UI Tabs

    Để thiết kế các tab nội dung thì các bạn có thể sử dụng CSS để thiết kế nhưng để nhanh chóng thì các bạn có thể sử dụng thư viện jQuery UI Tabs đáp ứng nhanh yêu cầu của các bạn. Với thư viện jQuery UI Tabs, các bạn có thể tạo ra các tab nội dung tuỳ biến giao diện một cách nhanh chóng chỉ với...
  7. filiallion

    Share Tuỳ biến nút tăng giảm giá trị số với thư viện jQuery UI Spinner

    Ở bài viết "Tạo thanh chọn giá trị với thư viện jQuery UI Slider" tôi có hướng dẫn các bạn thiết kế thanh trượt để chọn giá trị. Với bài viết này thì tôi sẽ tiếp tục hướng dẫn các bạn nhập dữ liệu là số nguyên bằng cách thiết kế lại 2 nút mũi tên lên, xuống để tăng, giảm giá trị và để thực hiện...
  8. filiallion

    Share Tạo thanh chọn giá trị với thư viện jQuery UI Slider

    Khi các bạn nhập dữ liệu là số nguyên thì thường sẽ có 2 nút mũi tên lên, xuống để tăng, giảm giá trị. Ngoài tính năng này ra thì các bạn cũng có thể tạo một thanh trượt kéo chọn giá trị và để thực hiện được chức năng này thì các bạn có thể sử dụng thư viện jQuery UI Slider. Thư viện jQuery UI...
  9. filiallion

    Share Tuỳ biến select với thư viện jQuery UI Selectmenu

    Các select mặc định có thể hiện khác nhau trên các trình duyệt web khác nhau vì vậy để giao diện website được đồng nhất trên các trình duyệt web khác nhau thì đòi hỏi các bạn phải tuỳ chỉnh lại giao diện của select. Với thư viện jQuery UI Selectmenu, các bạn có thể tạo ra một select tuỳ biến...
  10. filiallion

    Share Tạo thanh tiến trình với thư viện jQuery UI Progressbar

    Trong một số trường hợp như upload tập tin chẳng hạn, các bạn thường sử dụng thanh tiến trình để thông báo cho người dùng biến tiến trình xử lý đã đạt được bao nhiêu phần. Đây là một chức năng hay có tính tương tác cao với người dùng và để thực hiện được chức năng này các bạn có thể sử dụng thư...
  11. filiallion

    Share Tạo trình đơn đa cấp với thư viện jQuery UI Menu

    Các bạn có thể sử dụng CSS để tạo ra các trình đơn đa cấp nhưng việc sử dụng CSS đòi hỏi các bạn phải có kiến thức tốt về CSS cũng như phải mất nhiều thời gian để viết mã lệnh thiết kế. Với thư viện jQuery UI Menu, các bạn có thể tạo ra một trình đơn đa cấp một cách nhanh chóng chỉ với vài dòng...
  12. filiallion

    Share Tạo hộp thoại chuyên nghiệp với thư viện jQuery UI Dialog

    Trên các trình duyệt web, các bạn sử dụng JavaScript là có thể tạo các hộp thoại thông báo nhưng những hộp thoại thông báo đó có thiết kế không đồng nhất trên các trình duyệt khác nhau và cũng không được đẹp. Để đồng nhất giao diện hộp thoại thông báo và cũng để tạo ra các hộp thoại được thiết...
  13. filiallion

    Share Chọn ngày để nhập với thư viện jQuery UI Datepicker

    Đối với các trường nhập liệu là ngày thì thường yêu cầu người dùng nhập đúng định dạng ngày, điều này phần nào làm khó cho người dùng và phần lớn người dùng sẽ cảm thấy không thoải mái khi phải nhập theo yêu cầu và cũng phần nào làm giảm đi sự chuyên nghiệp của website. Để thuận tiện hơn cho...
  14. filiallion

    Share Tạo chức năng tự động hoàn tất nhập liệu với thư viện jQuery UI Autocomplete

    Hàng ngày, các bạn thường sử dụng Google để tìm kiếm thông tin, và khi các bạn gõ bất kì từ khóa nào thì Google sẽ tự động liệt kê danh sách những cụm từ có nghĩa tương đồng với từ khóa đó ở bên dưới để gợi ý cho các bạn. Điều này sẽ giúp các bạn rút ngắn thời gian gõ toàn bộ từ khoá, đồng thời...
  15. filiallion

    Share Tạo accordion với thư viện jQuery UI Accordion

    Hiện nay có rất nhiều thư viện JavaScript để các bạn tạo accordion và một trong số đó là thư viện jQuery UI Accordion. Thư viện jQuery UI Accordion là một thành phần trong bộ thư viện jQuery UI được sử dụng phổ biến hiện nay. Để sử dụng thư viện jQuery UI các bạn cần phải tích hợp thư viện...
  16. filiallion

    Share Sắp xếp các thành phần với thư viện jQuery UI Sortable

    Khi các bạn muốn sắp xếp các thành phần trong danh sách bằng cách kéo thả thì các bạn có thể sử dụng thư viện jQuery UI Sortable. Việc sử dụng kéo thả để sắp xếp các thành phần giúp cho website có tính tương tác cao với người dùng và luôn tạo cảm giác thoải mái, chuyên nghiệp đối với người dùng...
  17. filiallion

    Share Đánh dấu thành phần được chọn trong danh sách với thư viện jQuery UI Selectable

    Khi các bạn muốn đánh dấu một thành phần trong danh sách bằng cách sử dụng chuột thì các bạn có thể sử dụng thư viện jQuery UI Selectable. Thư viện jQuery UI Selectable là một thành phần trong bộ thư viện jQuery UI được sử dụng phổ biến hiện nay. Việc sử dụng thành phần Selectable của thư viện...
  18. filiallion

    Share Thay đổi kích thước một thành phần với thư viện jQuery UI Resizable

    Khi các bạn muốn thay đổi kích thước của một thành phần nào đó trên website bằng cách dùng chuột kéo giản hay co lại thì các bạn có thể sử dụng thư viện jQuery UI Resizable. Thư viện jQuery UI Resizable là một thành phần trong bộ thư viện jQuery UI được sử dụng phổ biến hiện nay. Việc sử dụng...
  19. filiallion

    Share Kéo thả một thành phần với thư viện jQuery UI Draggable

    Khi các bạn muốn dùng chuột di chuyển một thành phần nào đó trên website, ví dụ như kéo thả để sắp xếp nội dung, kéo thả một thành phần từ vị trí này tới vị trí khác thì các bạn có thể sử dụng thư viện jQuery UI Draggable. Thư viện jQuery UI Draggable là một thành phần trong bộ thư viện jQuery...
  20. filiallion

    Share Ghim các thành phần trên website với thư viện jQuery Pin

    Trên một số website các bạn có thể bắt gặp hiệu ứng thanh trình đơn nằm ở vị trí ở giữa website và khi người dùng cuộn website thì thanh trình đơn duy chuyển tới vị trí trên rồi ghim cứng tại đó. Đây là một hiệu ứng hay có tính tương tác tốt với người dùng mà vẫn đảm bảo nội dung website được...
Back
Top