Submit your widget
174
Yays

jQuery Frequently Asked Questions (FAQ)

6 years ago   Views 17717   downloads 2306   Text & Link Effects

This time around we'll to create a FAQ page at work for a new website we are launching. Creating the FAQ Obviously, you'll need a page with FAQ's on it. I personally chose to put everything in UL's, but…

143
Yays

a jQuery pagination system

6 years ago   Views 12776   downloads 3557   Layout & Interface

For paginating purpose PHP seems like a logical solution, but if you don’t have a huge amount of data you want to paginate, i would suggest paginating with jQuery. It’s not hard at all, and…

149
Yays

Sliding door effect with JQuery

6 years ago   Views 15869   downloads 2407   Image Effects

HTML   <div class='box_container'> <img class='box_image' src='img.jpg' style='width:300px'/> Just some dummy text. </div> <div class='clear'></div>     The…

160
Yays

Image splitting effect with CSS and JQuery

6 years ago   Views 14372   downloads 2210   Image Effects

we are going to make an image splitting effect. What’s that? It’s simillar to a sliding door effect where the image slides to left or right side and reveals the text behind it, but the thing…

193
Yays

a Vertical Scrolling Menu with CSS3 and jQuery

6 years ago   Views 47693   downloads 6650   Menu & Navigation

Creating markup We will begin by creating the necessary HTML structure. At first, I wanted to use an unordered list as a container for our images and captions, but then I encountered some bugs with vertical…

251
Yays

CSS3 and jQuery Horizontal images Scrolling Menu

6 years ago   Views 39773   downloads 4409   Menu & Navigation

There are a lot of cool flash scrolling menus out there, but I decided to make a similarly looking menu with just CSS and jQuery. I couldn't achieve the same smoothness in animation, but anyway I'm…

125
Yays

a Canvas Slideshow with JQuery

6 years ago   Views 14128   downloads 3141   Slideshow & Scroller

First of all we create our “jquery enclosure” since we want to make sure we are using jquery and not other library! (function($) {})(jQuery); All standard till now, let’s start with…

137
Yays

Slide and hide section with jquery

6 years ago   Views 21954   downloads 2926   Slideshow & Scroller

Usiamo alcune semplici funzioni di jquery per creare alcuni effetti di sicuro successo. Realizziamo un semplice javascript che ci permetterà di far comparire e scomparire alcune slide a seconda…

290
Yays

jQuery Desktop

6 years ago   Views 31433   downloads 5749   Layout & Interface

CSS   The rest of the eye-candy is handled via CSS, which involved extensive use of z-index to get things positioned just so. It probably goes without saying, but this demo obviously will bomb in…

199
Yays

jQuery Sliding Menu

6 years ago   Views 37977   downloads 5366   Menu & Navigation

Usage: In the head section add the following code: <link rel="stylesheet" href="stylesheets/jquery.sliding-menu.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>…

186
Yays

CSS3-only horizontal drop line tab menu

6 years ago   Views 60365   downloads 10930   Menu & Navigation

Recently, Web Designer Wall posted this really cool tutorial on creating a dropdown menu using only CSS3 (no javascript). Not being one to just sit back and let things sit as is, the approach inspired…

187
Yays

LavaLamp jQuery Sliding Menu

6 years ago   Views 25705   downloads 4086   Menu & Navigation

It is a jQuery sliding nifty effect menu with light weight code and extra two more interface styles. Step 1: The HTML Since most UI developers believe that an unordered list(ul) represents the correct…

154
Yays

jQuery convertion: Garagedoor slider navigation effect

6 years ago   Views 14367   downloads 2116   Menu & Navigation

First we need to make the script ans style of the GarageDoor work. To make that happen, you’ll need jQuery. This library enables interface effects, so you don’t have to create it yourself.…

207
Yays

Animated jQuery Menu - Corporate Style

6 years ago   Views 29530   downloads 6941   Menu & Navigation

Multilevel jQuery Menu with fade and smooth drop-down animation on submenu appearance. Features Full cross-browser compatibility Fully accessible even when javascript is turned off, as a pure css menu…

161
Yays

Hoverbox Image Gallery

6 years ago   Views 33726   downloads 5789   Image Effects

It uses an anchor link for the effect, because that is the only thing that Internet Explorer allows the :hover psuedo-class to work with. While my example page only has # linked to, this could easily…