“jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.”
I received a lot of request from my readers that asked to me how to implement Autosuggestion search with jquery. I love facebook API it’s neat, so I had developed Facebook like Autosuggestion user search with jQuery, Ajax and PHP. It’s simple and clean just you have to change the database details.
In particular, Jorge Mesa writes to ask how to re-create their ‘puff’ popup bubble shown when you mouse over the download image. In essence the effect is just a simple combination of effect, but there’s a few nuances to be wary of.
When you combine some neat functionality courtesy of PHP with the cleverness of jQuery you can produce some pretty cool results. In this tutorial we’ll create a poll using PHP and XHTML, then make use of some jQuery Ajax effects to eliminate the need for a page refresh, and to give it a nice little bit of animation.
Since I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done.
Wordpress provides a huge array of information about your blog and it’s content. Showing lots of this information can become space consuming. A great looking solution to this is tabbed content!
The Apple web site is a great demonstration of this effect in action, where the mouse settles on the title of the ’section’ and the associated links are exposed. What makes this effect particularly cool, is that the drawers maintain a fixed height and slide between restricted area.
Apple have always been Gods in terms of the way they present themselves and their products. I just love the sidebar on the Apple Startpage, and wanted to use the Accordion plugin in jQuery UI to achieve this! As if that’s not enough for me, I want to be able to show and hide it at my pleasure as well. I’m gonna show you how!
This episode is revisiting the image cross fade effect, in particular Dragon Interactive has a beautiful little transition for their navigation that some readers have been requesting. Greg Johnson takes it one step further to implement this method using jQuery and the methods shown here.
First we need to start off with some images. You’ll want these images to be thumbnails that also have a larger view available. In this tutorial I’m using a thumbnail size of 50×50 and a full view of 600×400. You can have any size for the “full view” but the thumbnails must all be the same size. We’ll start with 4 thumbnails.
One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we’re going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we’ll achieve the same thing using the jQuery library.
60 Super Layout Design Tutorials – Part 2 (45 Tutorials)
60 Super Layout Design Tutorials – Part 1
A collection of Maya 3D Tutorials
15 Awesome Illustrator Tutorials
[...] is the original post: 10 Super jQuery Tutorials | dpxmag.com AKPC_IDS += "6916,";Popularity: unranked [?] Tags: called-kwicks, created-the, created-the-main, [...]
Social comments and analytics for this post…
This post was mentioned on Twitter by dpxmag: 10 Super jQuery Tutorials – http://tinyurl.com/yfvaorm...
Some very good tutorials. and also very good examples makes you understand perfectly.
[...] 原文链接：http://dpxmag.com/10-super-jquery-tutorials.html 标签: JQuery, jQuery教程, Web前端 【上篇】圣诞节风格WordPress主题【下篇】一键GHOST v2010.01.02 硬盘版/光盘版/优盘版/软盘版 [...]
[...] 原文链接：http://dpxmag.com/10-super-jquery-tutorials.html VN:F [1.8.1_1037]please wait…Rating: 0.0/10 (0 votes cast)VN:F [1.8.1_1037]Rating: 0 (from 0 votes)AKPC_IDS += "1346,";Popularity: unranked [?] 相关日记华丽而不花哨，设计的艺术—10个jQuery特效 (0)2009 年度最佳 jQuery 插件 (0)Create a Realistic Hover Effect With jQuery (0)jQuery的弹出窗口插件 FancyBox (0) 标签: jquery 【上篇】下载末班 [...]
[...] 原文链接：http://dpxmag.com/10-super-jQuery-tutorials.html [...]