jquery text slide on image

17

In this tutorial, we are going to display text on image with a sliding box on the mouse-over event. In the previous tutorial, we have seen sliding images using jQuery effects.

In this example, we are using jQuery and CSS to show the sliding text on images. We are using the jQuery slideToggle() function to create the toggle effect on hover image frame.

Sliding Text HTML

This code shows image frame with sliding text. Sliding text DIV is initially hidden and shown with jQuery toggle effect on the mouse over event of image frame.

Sliding Box CSS

These styles are used to position jQuery sliding box on images.

jQuery Slide Toggle

This script toggle image info using a sliding box on hover.

 

Leave A Reply

Your email address will not be published.