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 ...
Tự động đếm số kí tự nhập vào bằng javacript
Đây là một ứng dụng đơn giản bằng javacript giúp bạn kiểm soát kí tự nhập vào, nếu bạn làm SEO thì nó sẽ là công cụ hữu ích giúp bạn trong việc đặt title. Các bạn có thể xem demo và copy đoạn code sau về tham khảo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
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 ...
