I'm not certain which type your looking for. Try these
<CENTER>
<A HREF="http://.com"
onmouseover="movepic('button','pic-off.gif')"
onmouseout="movepic('button','pic-on.gif')">
<IMG NAME="button" SRC="pic-off.gif" ALT="Image"></A>
</CENTER>
<!-- Script Size: 1.17 KB -->
This is another option
SCRIPT LANGUAGE="JavaScript">
var dtext = new Image();
var dlarge = new Image();
var stext = new Image();
var slarge = new Image();
var ttext = new Image();
var tlarge = new Image();
dtext.src = "dallas-text.jpg";
dlarge.src = "dallas-large.jpg";
stext.src = "sandiego-text.jpg";
slarge.src = "sandiego-large.jpg";
ttext.src = "tokyo-text.jpg";
tlarge.src = "tokyo-large.jpg";
function doButtons(textimage, picimage) {
document['text'].src=textimage;
document['picture'].src=picimage;
}
// End -->
</script>
</HEAD>
<BODY>
<center>
<table border=1>
<tr><td>
<center><h2>Places I've been:</h2></center>
<p>
<li><a href = "http://www.dlas.com" onmouseover = "doButtons('dallas-text.jpg', 'dallas-large.jpg')" onmouseout = "doButtons('blank.gif', 'blank.gif')">Dallas<p>
<li><a href = "http://www.snet.gov" onmouseover = "doButtons('sandiego-text.jpg', 'sandiego-large.jpg')" onmouseout = "doButtons('blank.gif', 'blank.gif')">San Diego<p>
<li><a href = "http://www.japde.com/e/e2164.html" onmouseover = "doButtons('tokyo-text.jpg', 'tokyo-large.jpg')" onmouseout = "doButtons('blank.gif', 'blank.gif')">Tokyo<p>
<img name=text src="blank.gif" width=240 height=20 border=0></td>
<td>
<img name=picture src="blank.gif" width=440 height=300 border=0></td>
</tr>
</table>
</center>
<!-- Script Size: 1.80 KB -->
Last edited on Tue Jul 5th, 2005 01:58 am by
|
