CatStuff: Thousands of Graphics

Do not link directly to any images on our server! Graphics are for Personal Home Page use only. Do not include them in any graphics collection or modify them. Read the complete Terms of Use.

Please display our hexbutton or banner on your website if you use these graphics. Click for info.

This is a very simple javascript mouseover button that you can use to create menus - all that will be necessary is a little bit of copying and pasting into your own html file. Move your mouse across the image above to see how it works. Just follow these steps:

BUTTON 1

1. Right-click and copy these two images:

2. Paste this text between the <head> and </head> tags of your html file: <script language="javascript">


3. Paste this text into the desired location in the body of your html file: <a href= "your_url.htm" onMouseOver= "if (document.images) document._314pawbut1.src= 'pawbut2.gif';" onMouseOut= "if (document.images) document._314pawbut1.src= 'pawbut1.gif';"><img src= "pawbut1.gif" width=34 height=31 alt="Link Text" name="_314pawbut1" border=0></a>

4. Replace "your_url.htm" with the desired page url, and change "Link Text" to show the name of the page.

5. Repeat step 3 to create mouseover buttons for as many links as you would like.

BUTTON 2

1. Right-click and copy these two images:

2. Paste this text between the <head> and </head> tags of your html file: <script language="javascript">


3. Paste this text into the desired location in the body of your html file: <a href= "your_url.htm" onMouseOver= "if (document.images) document._197pawbut3.src= 'pawbut4.gif';" onMouseOut= "if (document.images) document._197pawbut3.src= 'pawbut3.gif';"><img src= "pawbut3.gif" width=34 height=31 alt="Link Text" name="_197pawbut3" border=0></a>

4. Replace "your_url.htm" with the desired page url, and change "Link Text" to show the name of the page.

5. Repeat step 3 to create mouseover buttons for as many links as you would like.

BUTTON 1
1. Right-click and copy these two images:
2. Paste this text between the <head> and </head> tags of your html file:	<script language="javascript"> <!-- if (document.images) {var _314pawbut1=new Image(); _314pawbut1.src="pawbut2.gif";} //-->
3. Paste this text into the desired location in the body of your html file:	<a href= "your_url.htm" onMouseOver= "if (document.images) document._314pawbut1.src= 'pawbut2.gif';" onMouseOut= "if (document.images) document._314pawbut1.src= 'pawbut1.gif';"><img src= "pawbut1.gif" width=34 height=31 alt="Link Text" name="_314pawbut1" border=0></a>
4. Replace "your_url.htm" with the desired page url, and change "Link Text" to show the name of the page.
5. Repeat step 3 to create mouseover buttons for as many links as you would like.
BUTTON 2
1. Right-click and copy these two images:
2. Paste this text between the <head> and </head> tags of your html file:	<script language="javascript"> <!-- if (document.images) {var _197pawbut3=new Image(); _197pawbut3.src="pawbut4.gif";} //-->
3. Paste this text into the desired location in the body of your html file:	<a href= "your_url.htm" onMouseOver= "if (document.images) document._197pawbut3.src= 'pawbut4.gif';" onMouseOut= "if (document.images) document._197pawbut3.src= 'pawbut3.gif';"><img src= "pawbut3.gif" width=34 height=31 alt="Link Text" name="_197pawbut3" border=0></a>
4. Replace "your_url.htm" with the desired page url, and change "Link Text" to show the name of the page.
5. Repeat step 3 to create mouseover buttons for as many links as you would like.