Jquery hỗ trợ phương thức nào để tạo menu chồng nhau?

Tôi nghĩ rằng tôi đã giải quyết được Nó.

BẢN GIỚI THIỆU

Đây là những gì tôi đã thêm vào Mã được cung cấp tại: http://css-tricks.com/tabs-with-round-out-borders/

Tôi vừa thêm, thuộc background-colortính vào phần tử giả :beforevà :aftercủa .active licss.

Như sau:

.tabs li { /* Makes a horizontal row */ float: left; /* So the psueudo elements can be abs. positioned inside */ position: relative; /*Make Sure The Li's stays Inline */ display:inline-block; /* Remove Ugly Chromes `.` */ list-styling:none; } .tabs .active a { /* Colors when tab is active */ background: #aea; /* Added Green Color */ color: black; } .tabs li:last-child:after, .tabs li:last-child a:after, .tabs li:first-child:before, .tabs li:first-child a:before, .tabs .active:after, .tabs .active:before, .tabs .active a:after, .tabs .active a:before { content: ""; background: #afa; } .tabs .active:before, .tabs .active:after { background: white; background:#afa; /* Squares below circles */ z-index: 1; } .tabs .active a:after, .tabs .active a:before { background: #ddc385; }

và đây là một trò chơi khác sau khi thêm một số JQueryđể làm cho nó hoạt động. Hy vọng nó giúp :).

Hôm nay, chúng tôi sẽ giới thiệu 50 Hướng dẫn jQuery mới của năm 2011 đã được tạo gần đây, vì vậy bạn không phải thực hiện tìm kiếm mà chúng tôi đã làm. Danh sách này sẽ giúp bạn xây dựng một thư viện hữu ích về các plugin và giải pháp jquery.

1. Thanh trượt Parallax với jQuery

Chúc mừng năm mới! Chúng tôi sẽ khởi động năm 2011 với một hướng dẫn trượt hình ảnh sống động. Chúng tôi sẽ sử dụng nguyên tắc thị sai để di chuyển các nền khác nhau khi chúng tôi trượt đến một hình ảnh để tạo ra một số phối cảnh đẹp. Điều này sẽ mang lại độ sâu lớn cho toàn bộ thanh trượt khi nó chuyển động.

Xem bản demo trực tiếp

2. Chuyển đổi hình thức hoạt hình với jQuery

Trong hướng dẫn này, chúng tôi sẽ tạo ra một chuyển đổi hình thức hoạt hình đơn giản với ba hình thức rất phổ biến. Ý tưởng là không rời khỏi trang khi người dùng chuyển sang một biểu mẫu khác mà thay vào đó làm cho biểu mẫu mới xuất hiện trong cùng một vùng chứa, mở rộng hoặc ký hợp đồng với các kích thước của biểu mẫu mới.

Xem bản demo trực tiếp

3. Thư viện xem trước hình thu nhỏ ngọt ngào

Trong hướng dẫn này, chúng tôi sẽ tạo một bộ sưu tập hình ảnh với jQuery hiển thị bản xem trước của mỗi hình ảnh dưới dạng một hình thu nhỏ. Ý tưởng là di chuột qua các chấm trượt và làm cho hình thu nhỏ liên quan trượt vào trình xem trước. Khi nhấp vào dấu chấm trượt, hình ảnh đầy đủ sẽ trượt vào từ bên phải hoặc bên trái, tùy thuộc vào hình ảnh hiện đang xem.

Xem bản demo trực tiếp

4. Cách tạo một Menu hoạt hình thú vị với jQuery

Trong hướng dẫn này, chúng tôi sẽ xây dựng một danh sách điều hướng thú vị hoàn chỉnh với hiệu ứng di chuột trượt. Tìm hiểu cách xây dựng khái niệm trong Photoshop, bố trí các yếu tố HTML cơ bản, định kiểu mọi thứ trong CSS, sau đó kết hợp tất cả lại với nhau bằng một vài dòng jQuery để tạo ra một thiết kế menu ngữ nghĩa, có thể truy cập và có thể phân hủy.

Xem bản demo trực tiếp

5. Cách tạo trình chiếu tự động tiến

Một trong những cải tiến được yêu cầu nhiều nhất so với các hướng dẫn được trình bày trên trang web này, khi nói đến trình chiếu, là khả năng có các slide tự động tiến lên. Thực sự không khó để đạt được hiệu ứng này và để chứng minh điều đó, trong hướng dẫn ngắn này, chúng tôi sẽ làm cho Trình chiếu HTML5 của chúng tôi tự động tiến lên với một vài dòng jQuery

.

Xem bản demo trực tiếp

6. Digg Like Trình gửi URL bằng JQuery và PHPHôm nay tôi muốn tạo một cái gì đó lấy dữ liệu url đã gửi, một số loại mà nhiều đánh dấu xã hội có, bên cạnh facebook, một cái nổi tiếng khác là digg, hình ảnh dưới đây là một cái gì đó mà tôi chia sẻ trong bài đăng này.

Xem bản demo trực tiếp

7. Menu Tooltip kiểu JQuery Flickr đơn giản

Trong bài hôm nay tôi cố gắng tạo menu thả xuống tooltip kiểu flickr, ý tôi là menu thả xuống khi bạn nhìn thấy trong trang hình ảnh chi tiết, thử thách tạo ra tính năng này là CSS, có chứa gradient và hộp thao tác để có thể trông giống như một hình tam giác trong menu tooltip sau khi nhấp vào menu chính.

Xem bản demo trực tiếp

8. Xáo trộn giữa các hình ảnh bằng JQuery

Xáo trộn có nghĩa là thay đổi vị trí giữa từng vị trí vật phẩm, tôi tiếp tục tính năng xáo trộn hình ảnh này để có thể thêm vào bài viết trước của tôi về việc tạo thư viện ảnh ghép bằng cách sử dụng jquery và cũng có thể thêm vào tính năng xoay. Tôi đang sử dụng cùng một vị trí bố trí và hình ảnh như trước đây.

Xem bản demo trực tiếp

9. JQuery Mở rộng hình ảnh xếp chồng bằng cách sử dụng thanh trượt

Lần này bài đăng sẽ cho thấy cách mở rộng các hình ảnh xếp chồng lên nhau bằng jquery, để minh họa, có một chồng hình ảnh có lề rất nhỏ giữa mỗi hình ảnh và thanh trượt có chức năng làm cho lề lớn hơn, thực sự dễ hình dung đúng? Bây giờ để làm cho nó trông được xếp chồng lên nhau, tôi đang sử dụng plugin jquery, rotation3Di và tất nhiên là thanh trượt UI JQuery

Xem bản demo trực tiếp

10. Thumbnails Preview Slider with jQuery

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo và sử dụng thanh trượt xem trước hình thu nhỏ với jQuery. Vì chúng tôi có rất nhiều yêu cầu để hiển thị cách làm cho thanh trượt xem trước hoạt động tách biệt với chế độ xem hình ảnh đầy đủ, chúng tôi quyết định thực hiện một hướng dẫn về cách chỉ sử dụng phần xem trước hình thu nhỏ.

Xem bản demo trực tiếp

11. Phương pháp dữ liệu của jQuery - Cách thức và lý do sử dụng nó

Phương thức dữ liệu của jQuery cung cấp cho chúng tôi khả năng liên kết dữ liệu tùy ý với các nút DOM và các đối tượng JavaScript. Điều này làm cho mã của chúng tôi súc tích và sạch sẽ hơn. Kể từ jQuery 1.4.3, chúng tôi cũng có khả năng sử dụng phương thức này trên các đối tượng JavaScript thông thường và lắng nghe các thay đổi, điều này mở ra cơ hội cho một số ứng dụng khá thú vị.

Xem bản demo trực tiếp

12. Tiêu điểm: jQuery thay thế

Mỗi tuần, chúng tôi sẽ có một cái nhìn cực kỳ tập trung vào một hiệu ứng thú vị và hữu ích, plugin, hack, thư viện hoặc thậm chí là một công nghệ tiện lợi. Sau đó, chúng tôi sẽ cố gắng giải mã mã hoặc tạo một dự án nhỏ thú vị với nó.

Xem bản demo trực tiếp

13. Trình tạo biểu ngữ XML trong jQueryThêm hình ảnh động jQuery! Cái này đặt một tập các biểu ngữ mờ dần trên trang của bạn. Nó sử dụng XML đơn giản để cho javascript biết những biểu ngữ nào cần kéo vào và các URL bạn muốn các biểu ngữ liên kết đến. Điều này là lý tưởng để liên kết đến các câu chuyện nổi bật hàng đầu.

Xem bản demo trực tiếp

14. Hiệu ứng giống như lớp phủ với jQuery

Hôm nay chúng tôi sẽ tạo hiệu ứng lớp phủ bóng mượt với jQuery không sử dụng lớp phủ. Ý tưởng là thay đổi độ mờ đục hoặc màu sắc của các yếu tố nhất định để làm cho nó trông giống như chúng ta đang che phủ nội dung bằng một lớp phủ. Điều này cho phép tập trung các yếu tố nhất định trong một trang web trong khi làm cho các yếu tố khác xuất hiện ít nổi bật hơn.

Xem bản demo trực tiếp

15. Thư viện ảnh toàn màn hình với Thumbnail Flip

Trong hướng dẫn này, chúng tôi sẽ tạo một bộ sưu tập toàn màn hình với jQuery. Ý tưởng là để có một hình thu nhỏ của hình ảnh toàn màn hình hiện đang hiển thị ở bên cạnh lật khi điều hướng qua các hình ảnh. Hình ảnh lớn sẽ trượt lên hoặc xuống tùy thuộc vào nơi chúng ta đang điều hướng đến. Chúng tôi sẽ thêm các điều khiển điều hướng cho con lăn chuột và cho các phím. Hình thu nhỏ sẽ có phóng to và tùy chọn toàn màn hình, làm cho hình ảnh ở chế độ nền xuất hiện ở chế độ toàn màn hình hoặc dưới dạng hình ảnh hoàn chỉnh, được điều chỉnh kích thước để vừa với trang.

Xem bản demo trực tiếp

16. Tạo trình chiếu hỗ trợ Flickr

Hôm nay chúng tôi sẽ phát triển một plugin jQuery để giúp dễ dàng tạo trình chiếu, hướng dẫn sản phẩm hoặc bản trình bày từ bộ ảnh Flickr của bạn. Plugin sẽ sử dụng API và YQL của Flickr để tìm nạp ảnh trong các bộ, sau đó, nó sẽ tạo ra đánh dấu của trình chiếu và lắng nghe các sự kiện

Xem bản demo trực tiếp

17. Chuyển đổi mã jQuery thành một plugin

Khi nói đến việc tổ chức mã jQuery một cách hiệu quả, một trong những lựa chọn tốt nhất là biến một số phần nhất định của nó thành một plugin. Có nhiều lợi ích cho việc này - mã của bạn trở nên dễ dàng sửa đổi và làm theo hơn và các tác vụ lặp đi lặp lại được xử lý một cách tự nhiên. Điều này cũng cải thiện tốc độ mà bạn phát triển, vì tổ chức plugin thúc đẩy việc sử dụng lại mã.

Xem bản demo trực tiếp

18. captcha có thể kéo được jQuery

Dưới đây là một ví dụ về jQuery cho một captcha trong một biểu mẫu đăng ký. Để vượt qua bài kiểm tra Bạn có phải là con người, người dùng phải kéo các số từ 1 đến 6 theo thứ tự.

Xem bản demo trực tiếp

19. Menu làm tròn với CSS3 và jQuery

Trong hướng dẫn này, chúng tôi sẽ sử dụng bản vá jQuery xoay và chia tỷ lệ cực kỳ tuyệt vời từ Zachary Johnson có thể tìm thấy ở đây. Chúng tôi sẽ tạo một menu với các biểu tượng nhỏ sẽ xoay khi di chuột. Ngoài ra, chúng tôi sẽ làm cho mục menu mở rộng và tiết lộ một số nội dung menu, như liên kết hoặc hộp tìm kiếm.

Xem bản demo trực tiếp

20. Xác thực Ajax nâng cao của Jquery với CAPTCHAjQuery cung cấp một plugin có tên là verifyate, cho phép bạn tạo các biểu mẫu đăng ký thân thiện với người dùng, địa chỉ đăng nhập, biểu mẫu liên hệ và nhiều hơn nữa. Plugin được viết và duy trì bởi Jörn Zaefferer, một thành viên của nhóm jQuery, nhà phát triển chính trong nhóm UI UI và người duy trì QUnit. Trong hướng dẫn này, tôi sẽ hướng dẫn bạn cách tạo biểu mẫu đăng ký với xác thực AJAX và CAPTCHA nâng cao.

Xem bản demo trực tiếp

21. Chọn hộp

Đây là vấn đề lâu đời (tốt, theo thuật ngữ webby) về cách điền vào một hộp chọn dựa trên lựa chọn của người khác. Nó thực sự khá dễ dàng so với những ngày xưa tồi tệ và cực kỳ dễ dàng với jQuery và một chút Ajax.

Xem bản demo trực tiếp

22. Spotlight: Stickies ràng buộc với jQuery

Hôm nay, chúng ta sẽ xem xét một plugin thực hiện một hiệu ứng khá gọn gàng - thật khó để giải thích trong một câu để bạn cũng có thể nhấp vào nút tiếp tục để bắt đầu sau khi nhảy.

Xem bản demo trực tiếp

23. Vui với Templating và AJAX

Trong hướng dẫn này, chúng ta sẽ xem làm thế nào hệ thống tạo khuôn mẫu beta của jQuery có thể được sử dụng tuyệt vời để tách hoàn toàn HTML của chúng ta khỏi các tập lệnh của chúng ta. Chúng ta cũng sẽ xem nhanh mô-đun AJAX được tân trang lại hoàn toàn của jQuery 1.5.

Xem bản demo trực tiếp

24. Tìm kiếm tức thì của Yahoo với Jquery và Ajax

Tìm kiếm tức thì của Yahoo triển khai với Yahoo Search Boss API bằng cách sử dụng jquery và ajax. Điều này rất giống với bài viết trước của tôi chỉ thay đổi một vài dòng mã. Tôi cảm thấy kết quả tìm kiếm của Yahoo tốt hơn kết quả của Bing. Sử dụng nó và làm cho ứng dụng tìm kiếm của riêng bạn.

Xem bản demo trực tiếp

25. Mẫu đăng ký trọng lực với Jquery

Đôi khi hình thức đăng ký quyết định tỷ lệ thành công ứng dụng web của bạn, tôi cảm thấy bước đầu tiên (đăng ký) nên ít trường hơn và bắt mắt chắc chắn nó sẽ gây ấn tượng với người dùng. Tôi đã thiết kế một mẫu đăng ký kiểu mới với hiệu ứng hấp dẫn. Tôi hy vọng bạn thích nó. Cảm ơn bạn!

Xem bản demo trực tiếp

26. Di chuyển nội dung hộp với jQueryHôm nay chúng tôi sẽ tạo một mẫu trang web với một số hình ảnh động thực sự ngọt ngào bằng cách sử dụng jQuery. Ý tưởng là để các hộp nhỏ nằm rải rác ở đầu trang web và khi một mục menu được nhấp vào, các hộp sẽ hoạt hình để tạo thành khu vực nội dung chính. Chúng tôi sẽ sử dụng một số hiệu ứng hoạt hình khác nhau mà chúng tôi sẽ thêm làm tùy chọn cho mục menu.

Xem bản demo trực tiếp

27. Mở rộng Menu hình ảnh với jQueryTrong hướng dẫn hôm nay, chúng tôi sẽ tạo một menu hình ảnh mở rộng với jQuery. Ý tưởng là có một số cột với các lát ảnh đen trắng sẽ làm cho một vùng nội dung trượt ra khi chúng ta nhấp vào chúng. Chúng tôi cũng sẽ trượt trong phiên bản màu của hình ảnh, tạo hiệu ứng gọn gàng.

Xem bản demo trực tiếp

28. Menu nội dung hoạt hình với jQuery

Hôm nay chúng tôi sẽ tạo một menu nội dung hoạt hình mượt mà với jQuery cho chủ đề nhà hàng. Các mục menu sẽ được làm động và khi nhấp vào, một khu vực nội dung có nhiều thông tin sẽ xuất hiện. Ngoài ra, hình nền của anh ấy sẽ thay đổi theo mục menu nào được nhấp.

Xem bản demo trực tiếp

29. Cách tạo một biểu mẫu liên hệ Ajax trơn tru với jQuery và PHP

Hướng dẫn này chỉ cho bạn cách xây dựng một hình thức liên lạc mượt mà, đẹp mắt mà khách truy cập có thể sử dụng mà không cần phải rời khỏi trang họ đang đọc.

Xem bản demo trực tiếp

30. Cách tạo một thư viện ảnh trượt thanh lịch với jQuery

Tìm hiểu cách xây dựng thư viện ảnh trượt đẹp mắt bằng JavaScript và jQuery. Tải đầy đủ mã.

Xem bản demo trực tiếp

31. Kéo và thả với jQuery: Hướng dẫn cần thiết của bạn

Tìm hiểu cách sử dụng jQuery và các plugin có thể kéo và giao diện người dùng jQuery để tạo giao diện kéo và thả trong các trang web của bạn. Bao gồm một ví dụ trò chơi thẻ kéo và thả đầy đủ.

Xem bản demo trực tiếp

32. Tạo hệ thống xếp hạng 5 sao bằng jQuery, PHP và MySQL

Trong hướng dẫn này, chúng tôi sẽ tạo ra một hệ thống xếp hạng 5 sao đơn giản bằng cách sử dụng jQuery, MySQL, PHP và AJAX. Chúng tôi sẽ sử dụng jQuery để làm nổi bật ngôi sao chuột đã kết thúc và các ngôi sao trước đó, AJAX để gửi phiếu bầu đến máy chủ, PHP để xử lý phiếu bầu và MySQL để lưu trữ phiếu bầu.

Xem bản demo trực tiếp

33. Trò chơi trí nhớ Jquery

Hôm nay tôi muốn tạo một trò chơi bộ nhớ truyền thống đơn giản dựa trên JQuery ví dụ này chỉ sử dụng kịch bản phía máy khách, hầu hết mọi người đã biết cách chơi trò chơi này, thông thường trò chơi này sử dụng một số thẻ, chúng ta phải tìm cùng một thẻ trong hai lần liên tiếp, nếu chúng tôi tìm thấy nó thẻ sẽ mở cho đến khi chúng tôi có tất cả các thẻ trống.

Xem bản demo trực tiếp

34. Cuộn tải có thể thu gọn của JQueryHầu như tất cả các blogger sử dụng twitter, ngay bây giờ tôi luôn mở twitter trong một trong các tab firefox của mình, chắc chắn tôi sẽ không bao giờ kiểm tra trạng thái mới nhất của mọi người mãi mãi. Tôi chỉ kiểm tra nó một lần trong hai hoặc bốn giờ, và đôi khi tôi tắt twitter trong một hoặc hai ngày .

Xem bản demo trực tiếp

35. Tạo một bức tường Facebook tùy chỉnh với các mẫu jQuery

Trong hướng dẫn này, chúng tôi sẽ tạo ra phiên bản tường của Facebook của riêng chúng tôi. Chúng tôi sẽ sử dụng API đồ thị của Facebook với jQuery và plugin mẫu. Plugin jQuery.tmpl sẽ cho phép chúng tôi xác định các mẫu trong trang của mình và chuyển đổi các bài đăng chúng tôi thu được từ API thành trang HTML thực.

Xem bản demo trực tiếp

36. Nút kéo và thả-Hướng dẫn-Jquery tháng 1 năm 2011

Xin chào tất cả :) Đây là hướng dẫn đầu tiên của tôi trên trang web này Hy vọng bạn thích điều này. Chúng tôi đang tạo một bộ phần tử giữ khả năng kéo và thả:

Xem bản demo trực tiếp

37. Trình chiếu JQuery đơn giản

Trong hướng dẫn này, chúng tôi sẽ sử dụng jQuery để tạo slideshow

Xem bản demo trực tiếp

38. Kéo thả giỏ hàng bằng JQuery

Có rất nhiều hướng dẫn về cách tạo giỏ hàng kéo và thả, trong bài đăng này tôi muốn chia sẻ phiên bản của mình với JQuery, nhưng khác là ví dụ này chỉ hiển thị mã ở phía máy khách, có nghĩa là tất cả dữ liệu được mã hóa cứng trên html và tính giá và tổng các mục sẽ được xử lý bằng javascript.

Xem bản demo trực tiếp

39. Tạo trường thẻ ngon bằng cách sử dụng JQuery

Delicious là một trong những cách đánh dấu trang xã hội phổ biến, nó giúp chúng ta dễ dàng lưu các liên kết quan trọng của mình hơn và tôi ngạc nhiên vì việc sử dụng trường gắn thẻ dễ dàng như thế nào khi chúng ta muốn lưu liên kết mới, ngay bây giờ tôi muốn tạo một cái gì đó như vậy, thực tế không phải vậy thực sự tương tự, tôi không thực hiện tất cả các tính năng.

Xem bản demo trực tiếp

40. Bình chọn đơn giản bằng cách sử dụng JQuery Animate

Đây là một bài viết rất ngắn và ý tưởng đơn giản để sử dụng hàm animate JQuery trong hệ thống bỏ phiếu, tôi đăng bài này có thể sẽ hữu ích cho việc thay thế hệ thống bỏ phiếu bằng nhiều hình ảnh, ý tưởng chỉ là mở rộng phần tử div (thuộc tính chiều rộng css) bằng hàm animate , chúng ta chỉ cần thêm cùng một giá trị vào phần tử chiều rộng.

Xem bản demo trực tiếp

41. Trò chơi gõ JQueryTiếp tục từ bài viết trước của tôi, về việc phát hiện nhân vật trong jquery, bây giờ hãy thử một số ví dụ phức tạp hơn, trò chơi này lấy cảm hứng từ một trò chơi gõ cá mập cũ, được tạo ra bởi trò chơi pop cap, nhưng dường như không còn nữa.

Xem bản demo trực tiếp

42. Photobooth với PHP, jQuery và CSS3

Trong hướng dẫn này, chúng tôi sẽ xây dựng một photobooth được cung cấp bởi jQuery và PHP. Nó sẽ cho phép khách truy cập trang web của bạn chụp ảnh nhanh bằng máy ảnh web của họ và tải nó lên từ giao diện CSS3 gọn gàng.

Xem bản demo trực tiếp

43. Hệ thống quản lý mẫu kéo và thả với Jquery

Tôi đã phát triển hệ thống quản lý Mẫu (Giao diện người dùng) với sự hỗ trợ bảng điều khiển kéo và thả cho dự án tương lai của tôi. Trong bài viết này tôi muốn giải thích cách thiết kế các bảng cơ sở dữ liệu và triển khai các lưới kéo và thả khả năng sử dụng với plugin jqueryUI. Sử dụng hệ thống này, dự án web của bạn sẽ chứng minh sự lựa chọn cho người dùng cuối, họ có thể quản lý giao diện mẫu của riêng họ.

Xem bản demo trực tiếp

44. Kiểm tra tốt hơn các hộp với jQuery và CSS

Trong hướng dẫn ngắn này, chúng tôi sẽ tạo một sự thay thế cho các hộp kiểm trình duyệt mặc định dưới dạng một plugin jQuery đơn giản. Nó sẽ tăng dần các biểu mẫu của bạn nhưng đồng thời quay lại các điều khiển mặc định nếu JavaScript không khả dụng.

Xem bản demo trực tiếp

45. Chỉnh sửa bảng trực tiếp với Jquery và Ajax

Tôi yêu khuôn khổ Jquery, cảm thấy rằng chúng ta có thể làm những điều tuyệt vời. Chúng ta hãy xem cách triển khai chỉnh sửa bảng trực tiếp với Jquery và cập nhật cơ sở dữ liệu thời gian thực bằng Ajax. Đây là một khái niệm thú vị khi chơi với các đối tượng DOM. Bạn biết rằng phần lớn độc giả đã yêu cầu hướng dẫn này, hy vọng các bạn thích nó!

Xem bản demo trực tiếp

46. Nhiều yêu cầu Ajax với Jquery

Vài ngày qua tôi đã làm việc với các API cho kết quả tìm kiếm tức thì, tôi đã có ý tưởng triển khai một tìm kiếm siêu nhanh với nhiều API như twitter, youtube, yahoo và bing. Nhưng các phiên bản cũ của jquery không hỗ trợ nhiều cuộc gọi lại ajax, may mắn thay tôi đã tìm thấy Jquery 1.5 đã phát hành một phương thức mới gọi là $. Cuối cùng tôi đã phát triển tìm kiếm siêu nhanh tại kokkoroko.com.

Xem bản demo trực tiếp

47. Danh mục hiệu ứng màn trập với jQuery và Canvas

Trong hướng dẫn hôm nay, chúng tôi sẽ sử dụng yếu tố canvas HTML5 để tạo một danh mục nhiếp ảnh đơn giản, hiển thị một bộ ảnh nổi bật với hiệu ứng màn trập camera. Chức năng này sẽ có dạng một plugin jQuery dễ sử dụng mà bạn có thể dễ dàng kết hợp vào bất kỳ trang web nào.

Xem bản demo trực tiếp

48. Bing Tìm kiếm tức thì với Jquery và AjaxVài ngày trước, tôi đã đăng một bài viết phổ biến 'Tìm kiếm tức thì trên Youtube với Jquery và Ajax'. Tôi đã nhận được rất nhiều yêu cầu từ độc giả đã hỏi tôi cách lập tức kết quả tìm kiếm trên web để tôi đã mã hóa tìm kiếm tức thời Bing với kết quả tìm kiếm theo thời gian thực. Chỉ cần vài dòng mã, đọc tệp API JSON tìm kiếm của Bing bằng Jquery.

Xem bản demo trực tiếp

49. API đồ thị của Facebook Kết nối với PHP và Jquery

Vài ngày qua tôi đã làm việc trên labs.9lessons để kết nối hệ thống mã thông báo truy cập API đồ thị của Facebook, điều đó rất thú vị. Bài đăng này tôi đã trình bày một cách dễ dàng để kết nối và đọc dòng thời gian tại nhà của Facebook với PHP và Jquery. Giải thích cách lưu trữ mã thông báo facebook và id người dùng hy vọng bạn thích nó. Cảm ơn !

Xem bản demo trực tiếp

50. Mã Captcha của PHP

Trong hướng dẫn này tôi muốn giải thích cách tạo Captcha trong PHP. Chúng tôi đang sử dụng một số tính năng có sẵn trong PHP để tạo hình ảnh. Đây là hướng dẫn rất đơn giản và cơ bản và chúng tôi không sử dụng bất kỳ phông chữ tùy chỉnh nào để tạo hình ảnh xác thực. Và chúng tôi cũng biết rằng mã captcha được sử dụng để tránh spam / lạm dụng hoặc tự động gửi.

Xem bản demo trực tiếp

Từ: Hướng dẫn Jquery mới Bài viết này được đăng lại từ: http://webdesign14.com/50-fresh-jquery-tutorials-2011/