Tạo nút bấm lựa chọn theo phong cách iPhone bằng jQuery
Nếu bạn đã từng sử dụng các thiết bị di động như iPhone chẳng hạn, sẽ chẳng phải xa lạ gì với kiểu nút bấm qua lại giữa 2 lựa chọn . Hôm nay chúng ta sẽ làm tương tự như thế, chỉ bằng jQuery. Với hiệu ứng này, các bạn sẽ có thêm nhiều lựa chọn cho các mẫu thiết kế web của mình. Xem Demo | ...
Tạo chức năng tăng giảm kích thước font chữ bằng JQuery
Có thể một vài bạn sẽ nghĩ ngay rằng chức năng này không cần thiết nữa, nhất là khi chúng ta có thể phóng to thu nhỏ ngay trên trình duyệt. Tuy nhiên cách đó sẽ phá hỏng những thiết kế của các bạn. Trong bài viết này, mình sẽ chỉ tập trung vào phần javascript, còn phần HTML và CSS chỉ là phần cơ ...
Tạo hiệu ứng Tooltip hình ảnh với JQuery
Mình thật sự rất thích JQuery và những thứ tuyệt diệu mà nó mạng lại. Mặc dầu nó làm bạn mất một khoảng thời gian để có thể hiểu và sử dụng nó, nhưng nếu có thời gian, các bạn nên dành thời gian nghiên cứu và học cách sử dụng nó. Hôm nay, mình xin giới thiệu cho các bạn một hiệu ứng nhỏ mà JQuery ...
Giữ nguyên Header khi cuộn trang theo phong cách Facebook bằng jQuery
Hầu như trong chúng ta ai cũng đều có tài khoản Facebook và truy cập hàng ngày. Nếu các bạn để ý, khi chúng ta xem nội dung trên trang Facebook thì phần header (tức là phần ở trên cùng ) không hề di chuyển và giữ nguyên vị trí khi chúng ta cuộn trang lại xem nội dung bên dưới. Để dễ hiểu các bạn ...
Hướng dẫn phóng to , thu nhỏ hình với jQuery
Ắt hẳn là bạn đã từng nhìn thấy rất nhiều trang web sử dụng hiệu ứng phóng to và thu ảnh nhỏ ảnh mỗi khi chúng ta click chuột vào ảnh đó. Thực ra hiệu ứng đó rất đơn giản và chỉ cần vài đoạn code là các bạn có thể làm được điều đó. Xem Demo | Download Đầu tiên các bạn chèn hình như sau : ...
Cách hiển thị bản tin mới với jQuery News Ticker
Khi vào các trang tin tức, bạn thường thấy có rất nhiều trang hiển thị những bản tin mới nhất của họ ở một dòng nào đó trên trang chủ, và chúng thường đập vào mắt người xem ngay từ cái nhìn đầu tiên với những hiệu ứng hiển thị chữ khác nhau. Hôm nay mình sẽ chia sẻ với các bạn cách đơn giản nhất ...
Đa chọn lựa Checkbok với jQuery
Đa chọn lựa checkbok là một chức năng cho phép người dùng chọn cùng một lúc tất cả các lựa chọn chỉ với một lần nhấp chuột và ngược lại. Chúng ta có thể làm điều này với câu lệnh javascript đơn giản, tuy nhiên trong bài viết này, mình sẽ hướng dẫn cho các bạn làm bằng jQuery. Xem Demo | ...
Thủ thuật javacript : Cấm click chuột phải trên trình duyệt
Chắc hẳn cũng có những lúc bạn không muốn thông tin trên trang web của mình bị người khác lấy, hay vì một lý do nào đó mà bạn không muốn người dùng click chuột phải trên web của bạn, hôm nay mình xin chia sẻ với các bạn thủ thuật này, đơn giản là bạn chỉ cần copy đoạn code sau và dán nó vào trước ...
Hiệu ứng ẩn, hiện nội dung với jQuery
Nhằm chia sẻ kiến thức cho các bạn sinh viên về jQuery, hôm nay mình xin chia sẻ một hiệu ứng mà hầu như các portfolio website thường hay dùng. Hiệu ứng này có thể diễn giải bằng hình sau hoặc demo bên dưới hình. Demo | Download Trong hiệu ứng này, chúng ta sẽ kết hợp giữa animation và hiệu ...
Tự tay làm một trang web bằng HTML5 và CSS3
Có lẽ bạn sẽ tự hỏi tại sao phải dùng tới HTML5 cho web hay blog của mình. Thực ra có rất nhiều lý do, nhưng lý do quan trọng nhất đó là bạn phải làm việc với tiêu chuẩn quốc tế trong lĩnh vực thiết kế web. Mà HTML5 lại là một trong những công nghệ tương lai mà cả thế giới đang phát triển. Nếu như ...
Tạo slide hình nền toàn màn hình (full background) với jQuery
Backgrounds hay hình nền là một khía cạnh rất quan trọng khi chúng ta tạo một trang web. Thật dễ dàng cho chúng ta khi tạo một hình ảnh làm nền cho web, tuy nhiên nếu các bạn muốn chèn nhiều hình nền cho website hay blog của các bạn thì sao ? Để trả lời câu hỏi này, thì các bạn cứ xem từng bước làm ...
Tạo chức năng kéo thả với jQuery UI Sortable
Chức năng kéo thả rất hữu dụng và được sử dụng rất nhiều ở trang web, đặc biệt là phần back end. Hôm nay mình sẽ chia sẻ với các bạn cách sử dụng chức năng kéo thả từ jQuery UI từng bước một. Kết quả mà chúng ta sẽ nhận được như sau : Xem Demo | Download Bước 1 : Chuần bị các file cần ...
Tạo chức năng Autocomplete đơn giản bằng HTML5 và jQuery
Hàng ngày, mỗi người trong chúng ta đều sử dụng Google để tìm kiếm thông tin, và khi chúng ta 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 . Điều này sẽ giúp chúng ta rút ngắn thời gian gõ , đồng thời cũng giúp chúng ta ...
15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu
Theo lời cựu CEO quá cố cửa Apple thì HTML5 sẽ là công nghệ thay thế cho Flash. Trên thực tế thì điều này vẫn chưa xảy ra. Nhưng HTML5 thật sự tạo ra những điều kì diệu về video,hình ảnh và những hiệu ứng chuyển động….. Bạn có thể tin hay không tin về sức mạnh HTML5 mang lại sau khi cùng ...
Tạo ứng dụng đồng hồ điện tử với jQuery và CSS3
Chào tất cả các bạn, hôm nay chúng ta sẽ cùng nhau tạo ứng dụng hiển thị đồng hồ điện tử trên website hoặc blog. Với sự hỗ trợ từ jQuery và CSS3 animation , ứng dụng mà mình chia sẻ cho các bạn trong bài viết này sẽ thật pro, mà các bước thực hiện thì cực kỳ đơn giản, sẽ không khó để các bạn có ...
Tạo chức năng ” Scroll to Top ” với jQuery và CSS3
Scroll to Top là một chức năng mà chúng ta thường thấy khi cuộn trang ở những web có nội dung dài, và khi chúng ta xem đến những nội dung bên dưới thì sẽ xuất hiện một nút bấm cho phép chúng ta trở lại vị trí đầu của nội dung. Xem Demo | Download Đây là một chức năng rất căn bản mà các ...
Tạo chức năng đo độ bảo mật của Password bằng jQuery
Bảo mật web đang ngày càng trở thành vấn đề quan trọng nhất cho việc quản lý website. Nếu các bạn đang có ý định tự tay xây dựng hệ thống cho phép người dùng có thể tạo password, thì chức năng hiển thị thông báo độ mạnh bảo mật đối với password mà họ vừa mới nhập luôn luôn là một chức năng hữu ích ...
Cách dùng thẻ DETAILS và SUMMARY trong HTML5
Giữa nhiều thẻ mới có sẵn của HTML5 như <figure> , <figcaption> , và <aside> , thì thẻ <detail> và <summary> theo ý cá nhân của mình thì là hữu ích nhất. Với những thẻ mới này bạn có thể ẩn những bài viết có nội dung dài và hiển thị nó dưới dạng mô tả ngắn gọn. ...
Cách xử lý khi jQuery xung đột với các thư viện khác
Thông thường , khi sử dụng jQuery chúng ta thường sử dụng kí tự $ ở đằng trước các hàm và biến. Tuy nhiên các thư viện khác như prototype.js, MooTools, hoặc YUI cũng sử dụng kí tự $ này. Và vì thế mà khi chúng ta sử dụng cùng một lúc các thư viện này với jQuery, thì sẽ xảy ra xung đột và phát ...
Thủ thuật javacript : Nhúng JavaScript vào file HTML
Bạn có thể nhúng JavaScript vào một file HTML theo một trong các cách sau đây: • Sử dụng các câu lệnh và các hàm trong cặp thẻ <SCRIPT> • Sử dụng các file nguồn JavaScript • Sử dụng một biểu thức JavaScript làm giá trị của một thuộc tính HTML • Sử dụng thẻ sự kiện (event handlers) trong ...
