Advertise here

Effects

jQuery zLayers Parallax Plugin

July 16, 2012     3464     Effects
jQuery zLayers Parallax Plugin

zLayers is a jQuery parallax plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent.

zLayer is perfect for interactive illustrations and rich user experience through creative methods through a parallax effect.

Read More »

Tocify – jQuery Table of Contents Plugin

July 16, 2012     2092     HTML5 Tables Effects
Tocify – jQuery Table of Contents Plugin

Tocify is a jQuery plugin that dynamically generates a table of contents. Tocify can be optionally styled with jQueryUI Themeroller, and optionally animated with jQuery show/hide effects.

Tocify also optionally provides support for smooth scrolling, scroll highlighting, scroll page extending, and the HTML5 pushstate API via History.js.

Read More »

3D Thumbnail Hover Effects with CSS3 and jQuery

June 24, 2012     9240     CSS3 & CSS Effects
3D Thumbnail Hover Effects with CSS3 and jQuery

Here you will create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase.

We’ll use thumbails that will reveal some more information on hover. We will create a structure with jQuery that will allow making the image appear as folded or bended when we hover

Read More »

Slide Down Box Menu with jQuery and CSS3

June 13, 2012     11426     CSS3 & CSS Menu Effects
Slide Down Box Menu with jQuery and CSS3

Here you will create sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.

Read More »

Vertical Sliding Accordion with jQuery

June 09, 2012     15546     Slider Effects
Vertical Sliding Accordion with jQuery

Here you will create flexible vertical jQuery accordion.
The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.

Read More »

jQuery.screen – jQuery Plugin That Manages Page Layers

June 05, 2012     2019     Scroll Effects
jQuery.screen – jQuery Plugin That Manages Page Layers

A jQuery plugin that manages page layers: what goes first, what goes next and the transition between one and other. The goal of this plugin is to provide a way to make fluid web applications that do not require loading new pages.

Read More »

Ascensor jQuery Plugin

June 05, 2012     8091     Scroll Effects Animation
Ascensor jQuery Plugin
Ascensor is a jquery plugin which aims to train and adapt content according to an elevator system. Ascensor needs the jQuery library and the great plugin scrollTo.

Read More »

jqFancyTransitions - Image Gallery With Fancy Transitions Effects

June 04, 2012     3132     Gallery Effects
jqFancyTransitions - Image Gallery With Fancy Transitions Effects

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. jqFancyTransitions is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

Read More »

jqIsoText - jQuery Text Effect Plugin

June 03, 2012     2331     Effects Text & String
jqIsoText - jQuery Text Effect Plugin

jqIsoText is a plugin for changing size of letters in text. It starts from one font size and increment or decrement to other font size. On that way we’re getting something similar to isometric projection. That can be done for whole block of text or for every word in some text.

Read More »

Coin Slider - Image Slider with Unique Effects

June 03, 2012     4462     Slider Effects
Coin Slider - Image Slider with Unique Effects

Coin Slider is a jQuery image slider plugin that has unique transition effects. It has a navigation box and prev-next buttons that appear on hover for easily browsing images. The slider has an optional auto-slide feature which can also pause on hovers.

Read More »

jQuery Custom Content Scroller

May 31, 2012     27425     CSS3 & CSS Scroll Effects
jQuery Custom Content Scroller
Custom scrollbar plugin utilizing jQuery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support, scroll easing and adjustable scrollbar height/width.

Read More »

Merging Image Boxes With jQuery

May 31, 2012     8414     Slider Gallery Effects
Merging Image Boxes With jQuery
This is a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again.

When the window gets resized, the positions of the thumbnails will automatically adapt to fit the screen.

Read More »

IMGr - jQuery Image Rounder

May 28, 2012     1790     CSS3 & CSS Effects
IMGr - jQuery Image Rounder

IMGr is a jQuery plugin for rounding image corners. The script utilizes CSS3 in modern web browsers, and VML in Internet Explorer 8 and below.

Read More »

jQuery ContentHover Plugin

May 27, 2012     2817     Effects
jQuery ContentHover Plugin
A jQuery plugin that shows hidden content on top of an element when the mouse hovers over it.

Read More »

Slicebox - 3D Image Slider With Graceful Fallback

May 26, 2012     19451     Slider CSS3 & CSS Effects
Slicebox - 3D Image Slider With Graceful Fallback

Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create three-dimensional image slices that will rotate and reveal the next image as another side of the 3d object. In case the browser does not support 3D transformations, a simple slider will be used as fallback.
Please note that you can only see the cool 3d effect of Slicebox in a browser that supports those CSS3 properties.

Read More »