In this tutorial you will learn how to create a custom animation banner with jQuery by using the jQuery Easing Plugin and the jQuery 2D Transform Plugin. The idea is to have different elements in a banner that will animate step-wise in a custom way.
In this you will learn how to create a slider, that have buttons to change panels and the panels zoom in and out.
A simple solution to this problem. Powered by jQuery, PHP and the PHPMailer class, this form sends the users’ suggestions directly to your mailbox.
Wijmo is a complete kit of over 30 jQuery UI Widgets. It is an extremely dangerous mixture of jQuery, CSS3, SVG, and HTML5 that when combined becomes an unstoppable force on the web.
This is a practical navigation plugin by Trevor Davis that lets you scroll smoothly when the navigation is clicked – this plugin is built upon the jQuery ScrollTo plugin by Ariel Flesler.
Build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your web apps!
The Easy Accordion plugin by Andrea Cima Serniotti will get your definition lists (DTs) and generate a nice and smooth horizontal accordion.
In this article you will learn how to create, for example typographical CSS3 posters, or for really custom type headings, while keeping the text selectable.
Create a simple overlay effect to display annotations.
Snippet is a cool jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet jQuery plugin provides a quick and easy way of highlighting source code passages in HTML documents.
In this logical tutorial you will learn how to create a branded custom search engine simply by using Google’s AJAX Search API, with which you can search for images and video and news items on your site – and you can also get general web results.
In this tutorial ,It shows how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.
In this tutorial by Soh Tanaka you will learn how to create simple tooltip with jQuery and an incredibly simple styling with CSS.
jQuery tutorial shows you how to create slick popup bubbles that appear when hovering over the target object.
In this tutorial you will learn how to create a dedicated randomizer jQuery application.
jQuery Smooth Tabs is easy to use plugin, which allows you to display your content with some effects, for better user experience. All you need is a single container for your desired tabs and content, some nice CSS and images.
This jQuery plugin by Mario Alves creates tab container that switches automatically every cycle to next tab. It is compatible with most modern browsers.
In this tutorial you are going to create a stunning full-page gallery with scrollable thumbnails and a scrollable full screen preview.
bgStretcher (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plug-in will work as a slideshow if multiple images mode is used (the speed and duration for the slideshow is configurable).
SlideNote is a customizable, flexible jQuery plugin that makes it easy to display sliding notifications on your website or in your web application.
Easy List Splitter keeps the HTML to the minimum. No unnecessary elements or inline styles are added to the code. You’ll get a clean plain HTML with some classes that you can use as hooks to easily style your lists. Choose whether to order your list items vertically or horizontally. You can then decide whether to modify the default CSS or apply a new one.
Show you how to create a set a module tab interface that slides content left and right as you click on the tabs.
This very detailed step-by-step tutorial will show you how to create a tabbed interface using jQuery.
Tabbed Interface or Tabbed Structure Menu show you how to build your own tabbed Interface using jQuery with slideDown/slideUp effect.
This image gallery tutorial shows you an interesting interaction technique for having captions that slide up to reveal more information about a particular image when the user hovers over it.
This tutorial will show you how to fade another image in, superimposing onto the current image when the user hovers it. It can be a great way to display more information about a particular image.
This quick and easy tutorial shows you the concept of hiding and showing elements by watching out for window events .
In this jQuery tutorial, you’ll learn how to create a sliding gallery that leans on jQuery UI.
It shows how to create a simple image slide show with a semi-transparent caption with jQuery. It is suitable to display news headlines, or an image slide show in your website front page.
Create how to leverage jQuery and the Amazon API to display products inside a content area that’s horizontally-scrollable in this highly involved step-by-step tutorial.
A tag-cloud is a great way of showing visitors to your blog the main topics of interest that are available. There is also additional information contained in a tag-cloud.
In this tutorial, you’ll discover an innovative technique for mimicking Digg’s now defunct Digg Spyapplication.
This jQuery-based navigation menu tutorial will show you how to create a menu that follows you up and down the page as you scroll.
Learn to create a spectacular sliding navigation whose animation is triggered when the user hovers over a navigation item.
This is a detailed tutorial which shows creating an unobtrusive Ajaxed shopping cart using jQuery & PHP and can guide you to Ajaxify any e-commerce software you may already be using or coding.The main functions of the cart will be adding/removing items to the basket without the need of refreshing the page & displaying the actions with effects.
Create a social bookmarking tool that look similar to Digg’s. It looks cool, practical and useful! I also include the komodomedia’s social bookmarking icons and a long list of submission URL for one click bookmark.
We will create an amazing music player coded in xHTML & jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse.
This tutorial will explain how we can implement a simple virtual keyboard.
In fluid layouts it is easy to format the text to adjust nicely when the window is resized, but the images are not as fluid-friendly. This Quick Tip shows you how to swap between two image sizes based on the current size of the browser, div, or whatever you decide to make the deciding factor.
1.HTML5截图功能 可拖拽图片 截图在我们平常电脑应用中非常的广泛，包括开发者和一般的使用用户。今天介绍的这款HTML5截图应用可以帮助你在上传头像前截取自己的头像，你只需要拖...
官网网站demo演示 Devrama Slider主要特色 Devrama Slider 是个图像滑块，带有许多非常有趣的特性。它不仅支持图像还支持 HTML 内容。 响应式 方便 CSS3 转换 转换效果 进度条 ...
【前言】 jQuery已经被广泛使用，凭借其简洁的API，对DOM强大的操控性，易扩展性越来越受到web开发人员的喜爱，干脆写这么一篇文章给各位jQuery爱好者，算是抛砖引玉吧。 jQuery插...
1. Simple Effects for Drop-Down Lists 一个jQuery插件用于将普通的select控件转成一个带有一些简单扩展效果的下拉列表。 2. X-editable 这个插件能够让你在页面上创建可编辑的...
这是一款jquery编写的滑动菜单效果，当点击导航文字时，圆形按钮滑动到当前位置。圆形按钮能根据导航文字的多少自动伸缩。 <!DOCTYPE HTML> <html> <head> <...
Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuer...
这种效果常常有两个需求 1 鼠标移动到人图像上时，显示这个人的信息，鼠标离开人图像时隐藏这个人的相关信息 2当鼠标移动到到人的信息块时，信息依然显示，当鼠标离开人的信息块时...