jQuery Web Page Design Tutorials

jQuery Slide Div Up and Dowm from Top Side (2)

In previous jQuery tutorial, the Div Layer was sliding down and up from the top side. With this sliding direction, some interesting effect can be achieved. This jQuery tutorial shows how to create an interesting web page effect with sliding the div layer down and up from the top side.

jQuery Demo

A demo of this jQuery tutorial is available. Click here to View Demo. (Pop up window)

jQuery Tutorial Goal

jQuery slide

The codes of this jQuery example is same as the previous tutorial. It also add the terrible background picture and replace the arrow picture with the dracular.

jQuery slideToggle Method

It also uses the slideToggle method to slide the dracular picture div layer down and up.

$("#picture").slideToggle(3000)

This is the end of jQuery Slide Down and Up from Top Side Tutorial.