Images Back And Forward Buttons

This JavaScript can make your pages have a similar web browser back and forward functions. You can choose your favorite design on the button.

Script Demo:

JavaScript Code:

Insert this code into <head> tags

Insert this code into <body> tags

<a href="" onClick="parent.history.back(); return false;" onMouseOver="self.status='Back'; return true;"><img src="YOUR BACK IMAGE URL" border=0 alt="back" height="XX" width="XX"></a>
<a href="" onClick="parent.history.forward(); return false;" onMouseOver="self.status='Forward'; return true;"><img src="YOUR FORWARD IMAGE URL" border=0 alt="forward" height="XX" width="XX"></a>

Instruction:

Change the following text:

YOUR BACK IMAGE URL to back image URL.
YOUR FORWARD IMAGE URL to forward image URL.
height="XX" to high value of the image pixels.
width="XX" to the value of the width of the image pixels.

Tip: Disable the width and height to use the default value.
You can also choose to use only one function such as backward.

Webmaster » Web Programming » JavaScript » Button » Images Back And Forward Buttons

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links