SiteExperts.com Logo Home | Community | Developer's Paradise | Jobs
User Groups | Site Tools | Site Information | Search

Inside Technique : Sliding Panels
By Scott Isaacs

Sliding Panels

3
By Scott Isaacs
Last Updated: December 16, 1997
3

Sliding Panels turn standard HTML DIV elements into sliding panels providing you with more screen real estate. This page has 3 sliding panels. You can slide these panels by clicking on the 3 or text displayed at the right edge of this content. As a panel slides away, more content can be revealed.

Sliding panels are defined using a standard HTML DIV elements. Each panel requires atleast 3 DIV elements. The first DIV element defines the vertical position of the panel on the screen and acts as the panel's container. Inside this container DIV are atleast two DIV's, one that holds the contents for the panel, and another that holds the expand/ collapse button.

Next we will show you how to build a panel.

3
O
V
E
R
V
I
E
W

Sliding panels make your pages more interactive and give you more room to play!

All this is made possible using Dynamic HTML in Internet Explorer 4.0.