Uncle Jim's Javascript Designs

Flip and Alternate Div Containers
Author: Jim Stiles

This is the first block of text...

The font color can be set to your liking.
You can also set any font variables you wish for any of the text within these blocks


You can also place hyperlinks within these blocks. Below is a sample of this.
Uncle Jims JavaScript Examples


Select the next page to see more examples

This is the second block of text...
You can also include images

 
 
 
 



This is the third block of text...

As you can see, anything you can place within HTML code, you can also place here.

The size of the blocks can be altered to fit your needs.

You can also change the absolute positioning of the blocks within the script




More about the script

The best thing about this script is its ability to grow automatically depending upon the amount of text you add.

As you add more text, the script will automatically increase the number of pages.

It also creates additional blocks on the fly as well as the total count of pages and additional page turning buttons.


Downloading the script
Feel free to download this script and use it on your own site.

You will need the page code, which you can download here.

You will also need the two corresponding javascripts, which you can download below:

shift.js.
slide.js.


Using the script

To use this script on your site, you will need to change the images and links to match your own.



For more scripts like these, click here.


    Uncle Jim


This is the first block of text...

The font color can be set to your liking.
You can also set any font variables you wish for any of the text within these blocks


You can also place hyperlinks within these blocks. Below is a sample of this.
Uncle Jims JavaScript Examples


Select the next page to see more examples

This is the second block of text...
You can also include images

 
 
 
 



This is the third block of text...

As you can see, anything you can place within HTML code, you can also place here.

The size of the blocks can be altered to fit your needs.

You can also change the absolute positioning of the blocks within the script




More about the script

The best thing about this script is its ability to grow automatically depending upon the amount of text you add.

As you add more text, the script will automatically increase the number of pages.

It also creates additional blocks on the fly as well as the total count of pages and additional page turning buttons.


Downloading the script
Feel free to download this script and use it on your own site.

You will need the page code, which you can download here.

You will also need the two corresponding javascripts, which you can download below:

shift.js.
slide.js.


Using the script

To use this script on your site, you will need to change the images and links to match your own.



For more scripts like these, click here.


    Uncle Jim


This script gives the appearance of flipping pages and allows you to place alot of text on the page.
By clicking the small boxes above the text area, the block of text is replaced with another hidden block of text.
This script uses two external javascripts and is cross-browser compatable.
The background and text colors can both be set to your liking.
The script is placed within divs and and uses absolute positioning, allowing you to place it anywhere on the page.

Uncle Jim's JavaScript Examples



Close this window