Cách tạo Confirm Navigation bằng jQuery
Confirm Navigation là một pop up xuất hiện mỗi khi người dùng nhấn vào link nào đó để chuyển hướng. Nó giúp người dùng xác nhận là có thật sự muốn chuyển hướng đến link không, hay chỉ là vô tình click vào. Chức năng này chúng ta có thể bắt gặp mỗi khi post bài trong WordPress và vô tình nhấn vào ...
HTML5 Game : Tạo trò chơi rắn săn mồi với HTML5 và jQuery
Hẳn là các bạn đã quá quen thuộc với trờ chơi “ Rắn săn mồi ” thường có sẵn trong các ứng dụng game điện thoại di động và các trò chơi điện tử trước đây. Có bao giờ các bạn nghĩ là sẽ tự tay viết ứng dụng này , hay tích hợp trò này vào trong website hay blog để khách viếng thăm web có ...
10 Free jQuery Parallax Scrolling Plugins
Parallax Scrolling là hiệu ứng đang được dùng nhiều nhất hiện nay, và là một trong những xu hướng thiết kế web hiện đại được tin dùng. Có rất nhiệu đoạn Javascript hay jQuery framework giúp chúng ta làm hiệu ứng này. Tuy nhiên trong bài viết này, mình xin tổng hợp 10 jQuery Plugin giúp các bạn ...
24 jQuery image galleries và slideshow plugins
Thông thường, khi thiết kế một website, bao giờ chúng ta cũng dành hẳn một phần cho slide show (tức hiển thị ảnh banner). Tùy theo mục đích mà các ảnh này lớn hay nhỏ, và có hiệu ứng khác nhau nhằm thu hút ngay từ cái nhìn đầu tiên đối với khách viếng thăm website hay blog của mình. Dưới đây là ...
30 thư viện jQuery Text Effect bạn cần biết
Có bao giờ các bạn ước có một thư viện khổng lồ về hiệu ứng chữ (Text Effects) bằng JQuery để mà tạo những trang web đẹp và ấn tượng không ? Thay vì trải qua nhiều giờ đồng hồ để học cách sử dụng CSS hay viết code bằng jQuery. Các bạn chỉ việc gọi những hàm trong các thư viện này ra để sử dụng. Hôm ...
Hướng dẫn sử dụng Cookies trong Javascript
Cookies là một dạng lưu trữ dữ liệu trên máy người dùng, nó cho phép các bạn lưu lại dữ liệu nhập từ người dùng theo thời gian ấn định. Ví dụ như khi các bạn viếng thăm một trang web và đăng nhập với username và password, thì các bạn có thể lưu lại thông tin này ngay tại trình duyệt nếu như trang ...
Tạo Select Box với bộ lọc tìm kiếm bằng jQuery
Hẳn là các bạn đã quá quen thuộc với những danh sách xổ xuống (select box) thường thấy ở trên các website cho phép chúng ta lựa chọn các giá trị khác nhau. Nếu các bạn mới tập làm quen với việc thiết kế web, thì hôm nay mình xin chỉ cho các bạn một chiêu mới trong việc liệt kê danh sách, đó là thêm ...
CSS3 & jQuery Tabs
Việc sắp đặt nội dung gọn gàng luôn luôn là một phần việc quan trọng cho các bạn thiết kế web. Vì thế mà tabs luôn luôn là sự lựa chọn lý tưởng cho việc sắp đặt các nhóm cùng nội dung. Trong bài viết này, mình xin chia sẻ cho các bạn cách tạo tabs đơn giản bằng jQuery và đặc biệt hơn là các tabs ...
Giới hạn kí tự nhập trong Textarea bằng Javascript
Thỉnh thoảng chúng ta sẽ bắt gặp một số website hay blog có một form cho người dùng nhập liệu.Và khi chúng ta nhập vào các ô textarea thì thường có kèm theo chức năng đếm số kí tự cho phép còn lại, và khi chúng ta vượt quá số lượng đó thì không thể nhập thêm vào nữa. Trong bài viết này, mình sẽ chỉ ...
Tạo hiệu ứng kính lúp cho ảnh với jQuery và CSS3
Thỉnh thoảng, khi chúng ta ghé vào các trang web bán hàng, khi vào trang chi tiết sản phẩm, các bạn thường bắt gặp nhiều trang cho chúng ta xem rõ từng chi tiết hình ảnh sản phẩm thông qua một kính lúp. Hiệu ứng này rất hữu dụng khi mà khách hàng cần phải xem rõ sản phẩm mà họ muốn mua, và cũng ...
Grid Animation Effects với jQuery
Hôm nay mình sẽ giới thiệu cho các bạn một ví dụ đơn giản và nhỏ trong việc sử dụng jQuery .delay() , jQuery easing plugin, và CSS3 transforms để tạo hiệu ứng động cho các ảnh thumbnails trong một grid. Xem Demo | Download Bằng cách click vào nút Animate, các bạn sẽ thấy ngay một hiệu ...
Điều chỉnh kích thước Font chữ theo ý muốn bằng Javacript
Đoạn script sau sẽ giúp bạn cho phép khách viếng website của bạn có thể tăng to hoặc nhỏ kích thước font chữ . Điều này rất hữu ích khi có nhiều người có vấn đề về mắt khi họ không thể đọc những dòng chữ nhỏ. Để đoạn code này chạy tốt trên web của bạn thì bạn cần sử dụng kích thước font là ...
Tạo text editor đơn giản với jQuery
Nếu các bạn đã từng dùng WordPress hay Joomla để làm website thì đã quá quen thuộc với các text editor được hỗ trợ từ những mã nguồn mở này. Trong bài viết hôm nay, mình sẽ bày cho các bạn một cách có thể làm Text Editor cho chính website hay blog của mình từ phần tử Text Area trong HTML bằng ...
Thủ thuật javacript : Tạo hiệu ứng page loading cho trang web
Dưới đây là hướng dẫn các bạn dùng 1 javascript để hiện thông báo nạp trang. Thông báo này rất hữu ích trong trường hợp trang web của bạn khá lớn hoặc tốc độ mạng khá chậm, tao cảm giác dễ chịu và lầm tưởng web bạn load bình thường. Bước 1: Download file này về máy Page Loading. ...
Tự động rút ngắn đoạn văn bản với jQuery
Hẳn là các bạn đã từng xem nhiều trang web có chức năng là khi đoạn văn bản quá dài, sẽ xuất hiện dòng chữ đại loại như ” xem thêm ” hoặc ” more ” , và khi nhấp vào những dòng chữ này, những nội dung còn thiếu sẽ hiển thị đầy đủ. Để có thể dễ hiểu, các bạn có thể xem ...
Thủ thuật javacript : Tạo cửa sổ pop up
Hôm nay mình xin chia sẻ với các bạn một thủ thuật tạo cửa sổ pop up trên trang web của bạn, thủ thuật này rất hữu ích cho những ai có nhu cầu làm pop up quảng cáo hay các lý do khác, các bạn chỉ đơn giản thực hiện các bước như sau : Bước 1: Tạo hàm <SCRIPT ...
Giới thiệu sơ lược về jQuery Selectors
Như các bạn đã biết, CSS3 giới thiệu những tính năng selectors cho phép chúng ta lựa chọn nhiều phần tử cụ thể trong HTML, tuy nhiên CSS selectors lại không được hỗ trợ nhiều trên các trình duyệt khác nhau. jQuery cũng có bộ selectors riêng và bộ này sẽ là cách thay thế cho những gì mà CSS3 không ...
Thủ thuật javacript : Thay đổi kích cỡ chữ trên web
Trong bài viết hướng dẫn sử dụng JavaScript khá ngắn gọn này, Chúng tôi sẽ chỉ bạn cách dùng vài đoạn mã đơn giản để thay đổi kích cỡ chữ trên trang web của mình chỉ với một vài cú nhấn chuột. Trên thực tế, hầu như tất cả các trình duyệt có một tính năng để kiểm soát các ký tự trên các ...
Tạo Flyout Image Slider với jQuery & CSS3
Flyout Image Slider là một hiệu ứng chuyển ảnh dựa vào các hình được xếp chồng lên nhau, và khi chúng ta click một trong những tấm hình nào, thì tấm hình đó sẽ được đưa lên phía trước , đồng thời các hình còn lại sẽ được sắp xếp lại theo thứ tự. Để hiểu rõ hơn, các bạn có thể xem demo bên dưới. ...
Thủ thuật javacript : Tạo nhạc nền ngẫu nhiên cho web
Có khi nào bạn lướt xem 1 trang web, và thấy trang đó chạy ngẫu nhiên một bài hát hay bản nhạc nào đó khi bạn chuyển trang khác chưa ? Nếu có thì bạn cũng đừng nghĩ điều đó quá pro hay là quá khó, để làm điều đó rất đơn giản đó các bạn, mình xin chia sẻ thủ thuật đó như sau : Đầu tiên ...
