Advertise here

jQuery Plugins Tagged ‘effect’

Juicy Slider – Responsive and Lightweight jQuery Slider/Slideshow Plugin

July 30, 2013     7753     Slider CSS3 & CSS Responsive
Juicy Slider – Responsive and Lightweight jQuery Slider/Slideshow Plugin

Juicy Slider is a responsive slider/slideshow plugin for jQuery. Unlike other plugins that rely on CSS3 support of browser, this plugin adjusts image size by computing the corresponding aspect ratio of images and viewport using javascript. This makes it compatible with older browsers and more consistent.

The current release uses jQuery UI to set its transition effects.

Read More »

AnimateScroll – jQuery Plugin for Animating the Scroll

July 29, 2013     12544     Scroll Effects
AnimateScroll – jQuery Plugin for Animating the Scroll

AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to.

AnimateScroll has many options to customize the style of scrolling, scroll speed and many more. Supports more than 30 unique Scrolling Styles.

Read More »

jQuery.BgSwitcher – Switch Background Image with Effects

July 29, 2013     11260     Slider Effects
jQuery.BgSwitcher – Switch Background Image with Effects

jQuery.BgSwitcher is a jQuery plugin to switch the background image with effects. Here are effect types that can be used: fade,blind,clip,slide,drop,hide (No effect)

Read More »

Text Effects – Sci-Fi Style Effect with jQuery

July 23, 2013     8026     Effects Text & String
Text Effects –  Sci-Fi Style Effect with jQuery

Text Effects is a sci-fi style awesome effect made with jQuery. As a jQuery plugin, you can simply implement the effect on your website with only one line of script.

Read More »

On Scroll Effect Layout

July 22, 2013     10925     Scroll Effects
On Scroll Effect Layout

An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.

There is an example effect defined and also some media queries for dealing with smaller screens.

Read More »

On Scroll Header Effects

July 18, 2013     9933     Scroll Effects Animation
On Scroll Header Effects

Nice tutorial about some inspiration for headers that animate when scrolling the page. This tutorial show you what kind of effects could be used to spice up your website’s starting element and give it some life.

Read More »

elementTransitions.js – Many Transition Effects for Web Pages

July 11, 2013     6041     CSS3 & CSS Effects
elementTransitions.js – Many Transition Effects for Web Pages

elementTransitions.jsis a wrapper around the code provided by codrops article on page transitions. Their code has been modified to allow more than one animatable element per page. Additionally, you can now add transitions straight from html tags.

Read More »

blueimp Gallery – Touch Enabled and Responsive Carousel Image Gallery

July 10, 2013     33641     Gallery Carousel Media Mobile Responsive
blueimp Gallery – Touch Enabled and Responsive Carousel Image Gallery

blueimp Gallery is a touch-enabledresponsive and customizable image & video gallerycarousel and lightbox, optimized for both mobile and desktop web browsers.

It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading and can be extended to display additional content types.

Read More »

Offreg – Turning Images Into Offset Screenprints

July 09, 2013     1294     CSS3 & CSS Effects
Offreg – Turning Images Into Offset Screenprints

Offreg is a jQuery plugin that uses canvas to create a 'screen print' offset effect on an image, by altering the pixel data.

Read More »

qTip2 – Pretty Powerful Tooltips

July 08, 2013     9088     Ajax Tooltip Effects
qTip2 – Pretty Powerful Tooltips

qTip2 is the second generation of the advanced qTip plugin for the ever popular jQuery framework.

qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all... it's completely free under the MIT/GPLv2 licenses!


Features
  • Speech bubble tips
  • Integrated AJAX
  • Viewport repositioning
  • z-index stacking
  • Modal tooltips
  • Imagemap & SVG support
  • IE6 support (BGIframe) …and lots more!

Read More »

Vague.js – jQuery Plugin to Blur Any Kind of Html Element

July 08, 2013     21748     CSS3 & CSS Effects
Vague.js – jQuery Plugin to Blur Any Kind of Html Element

Vague.js is an experimental script that allows you to blur any kind of html element. Vague.js checks if the user’s device supports the CSS filters otherwise it can fallback using the SVG filters or the Microsoft css filters.

Read More »

Tabulous.js – jQuery Tabs Module

July 04, 2013     4445     Tabs Effects
Tabulous.js – jQuery Tabs Module

Tabulous.js is a jQuery plugin that provides an easy method of creating tabbed interfaces. As long as the specified HTML structure is followed, the tabulous plugin will take care of creating the tabbed functionality.

Read More »

Jumble – jQuery Plugin for Jumble Up the Colours of Texts

June 27, 2013     5415     Effects Animation Text & String
Jumble – jQuery Plugin for Jumble Up the Colours of Texts

Jumble is a jQuery plugin that jumbles up the colours of your text - and can animate them. (which is mobile safe)

Read More »

Horizontal Portfolio Layout with CSS3 Animations and jQuery

June 10, 2013     7063     CSS3 & CSS Effects
Horizontal Portfolio Layout with CSS3 Animations and jQuery

In this tutorial you're going to create a horizontal portfolio layout with cool hover effects. CSS3 animations and transitions used for hover effect of the portfolio items, and some jQuery to replicate the image pan effect on hover.

Also there is falling down effect on scroll, where the portfolio items fall down as soon as they enter the visible area of the viewport.

Read More »

Responsive_DG_Slider – Full Screen Responsive jQuery Slider

May 17, 2013     13836     Slider Gallery Effects
Responsive_DG_Slider – Full Screen Responsive jQuery Slider

Responsive_DG_Slider is full screen responsive image slider powered by the fantastic java-script library jQuery. It is flexible and it has different transition effects. Also  With a nice and simple design it adjusted automatically to the width of your browser screen.

Read More »