Aptabs

Demo

Submitted script - Author: Armel Pingault(Homepage)

Download script

You can download the entire script from this Zip file

Setup

Step 1: Include the css and javascript files

<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="src/aptabs.js"></script>
<link rel="stylesheet" type="text/css" href="css/aptabs.css" />

Step 2: Create your html

To create tags, the main <div> needs to feature the attribute class="apTabs"; you may also specify the width and height of the frame in the "style" attribute.

To create a new tab, you will only need to add a <h2> tag with the name of the tab followed by the tab content in a <div> tag.

Example:

<div class="apTabs" style="width:500px; height:100px">
   <h2>Tab 1</h2>
   <div>Tab content 1</div>
   <h2>Tab 2</h2>
   <div>Tab content 2</div>
   <h2>Tab 3</h2>
   <div>Tab content 3</div>
</div>

Comments

About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2024 dhtmlgoodies.com