Posts Tagged ‘sliding’

MopSlider | jQuery Content slider

MopSlider | jQuery Content slider

The very cool looking MopSlider plugin is feature content slider that supports images, flash, html…almost anything.

Slide Top Panel | jQuery Plugin

Slide Top Panel | jQuery Plugin

Slide Top Panel – jQuery Plugin is a simple sliding top panel (top/down) using jQuery

Creating A Sliding Image Puzzle Plug-In | jQuery

Creating A Sliding Image Puzzle Plug-In | jQuery

Creates sliding-image puzzles based on containers that have images. Running the demo page we get this output in the image below:

Fancy Sliding Tab Menu using script.aculo.us

Fancy Sliding Tab Menu using script.aculo.us

Fancy Sliding Tab Menu using script.aculo.usFancy Sliding Tab Menu using script.aculo.us

BySlideMenu plugin for Mootools

BySlideMenu plugin for Mootools

BySlideMenu is a which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want (ul/li, div, p …) using images and/or text.
sidemenu

jQuery LavaLamp Menu

jQuery LavaLamp Menu

LavaLamp is a plugin based on Guillermo Rauch and Ganesh Marwaha’s previous plugins for mootools and jQuery 1.1.x respectively. Using the Sliding Doors CSS / Javascript technique, LavaLamp allows you to add a nice background hover effect to HTML link lists using the Easing library.jquery lamp menu

Sexy sliding JavaScript side bar menu

Sexy sliding JavaScript side bar menu

Smooth and yes, SEXY sidebar menu.sexy slidemenu sidebar

glider using Prototype Library

glider using Prototype Library

This script makes it easy to create a sliding carousel componentglider using Prototype

Captions and Sliding Boxes using jQuery Library

Captions and Sliding Boxes using jQuery Library

All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.
From this basic idea we can play around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect.
Captions and Sliding Boxes using jQuery

Subscribe to RSS Feed Follow Ajaxmint on Twitter!
Get Adobe Flash playerPlugin by wpburn.com wordpress themes