Create a Vertical Sliding Bar Thumbnail Effect with jQuery

December 2nd, 2009 admin
Share/Save/Bookmark

Add To Delicious Digg This post Stumble this post
Topics:

A revisit from my previous famous tutorial, I have changed the transition to something different. 4 bars will be sliding up and down and reveal the description of the thumbanil hidden underneath.


Originally posted on CSS Globe

 
  Related Posts
The Easiest Javascript Sliding Door Effect Tutorial with jQuery
This is my fouth tutorial about thumbnail effect. This time is the well known sliding door effect that slide the top layer to top, bottom, left or right direction to reveal the content underneath.  Read More →
How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3
Horizontal sliding panels are great for many situations, but like everything else, they’re not always ideal. It depends on the project.  Read More →
Create a Stunning Sliding Door Effect with jQuery
Learn how to make a stunning four corners sliding effect easily with jQuery. It’s elegant, unique and really cool solution for thumbnail gallery. This tutorial includes detailed explanation that will guide you through the whole process  Read More →
5 Sliding Content Techniques, Examples & jQuery How to
There are many transition effects that can be used to slide different contents, such as fading, horizontal sliding, vertical sliding, the list goes on. Try to pick the transition that best captures the style of your website.  Read More →
Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery
Add heading and caption to your thumbnai and display it with jQuery cool transition effect. It’s an elegant way to put more content in your website, and display it when users want to see it. It keeps your website clean!  Read More →
Ajaxed Sliding Shopping Cart With jQuery
Tutorial on creating a sliding shopping cart with jQuery. It is very ideal for designs with limited spaces  Read More →
jQuery Moving Tab and Sliding Content Tutorial
Learn how to build a lava lamp tab and sliding content all together with just simple jQuery code. This script is good for sidebar that display recent posts, comments and community news.  Read More →
Create Background Scrolling Effect with jQuery
In this tutorial, we’re not only go through how to make it, we will have it in plugin as well which allow user to customize the speed of the movement and direction (vertically, horizontally and diagonally).  Read More →
Form Design with Sliding Labels
Check out this cool trick with form labels sliding out on mouse click.  Read More →
How to Create a Flash-like Color and Pattern Morphing effect with jQuery
Today you will learn, how you can create a Flash-like effect with only using a few lines of jQuery and a transparent PNG as mask.  Read More →
  Related Tweets from Twitter
  Related News from Digg
No comments yet.

Spam Protection by WP-SpamFree

TOP