PDA

View Full Version : Rollover Links with Text Descriptions


nasr
پنج شنبه 07 خرداد 1383, 21:38 عصر
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<script language="JavaScript">
<!--

function ShowText (z) {
var message;

if (z == 1)
message = "IRT.ORG. Loads of articles and FAQs about JavaScript, DHTML, CSS, HTML, Java, and such; an ideal resource for Webmasters.";
else if (z == 2)
message = "Alan's Page. My home page. Information about Greenwich and Charlton, which is where I live, plus Java and JavaScripts.";
else if (z == 3)
message = "The HTML Goodies Home Page, by Joe Burns, Ph.D.. The Doc's page has anything and everything you'll ever need to learn HTML and building your own homepage!";
else
return false;
document.messages.Mytext.value = message;
return true;
}

if (document.images) {
ImageOver = new Array(4);
ImageOut = new Array(4);
ImageOver[1] = new Image;
ImageOut[1] = new Image;
ArrowOver = new Array(4);
ArrowOut = new Array(4);
ArrowOver[1] = new Image;
ArrowOut[1] = new Image;

for (var m = 2; m <= 3; m++) {
ImageOver[m] = new Image;
ImageOut[m] = new Image;
ArrowOver[m] = new Image;
ArrowOut[m] = new Image;
}

for (var t = 1; t <= 3; t++) {
ImageOver[t].src =""+t+".gif";
ImageOut[t].src =""+t+"b.gif";
ArrowOver[t].src="buttona.gif";
ArrowOut[t].src="buttonb.gif";
}
}


function ImgOver(i) {
if (document.images) {
document.images["con" + i].src = ImageOver[i].src;
document.images["pop" + i].src = ArrowOver[i].src;
}
}

function ImgOut(i) {
if (document.images) {
document.images["con" + i].src = ImageOut[i].src;
document.images["pop" + i].src = ArrowOut[i].src;
}
}

//-->
</script>
</head>
<body>
<center><h1>Rollover Links with Text Descriptions</h1></center>
<p>Place your mouse over the word 'links'.</p>
<div align="center">
<form name="messages">
<table border="2" cellspacing="0" cellpadding="5" bgcolor="#C0C0C0">
<tr>
<td colspan="3" align="CENTER"><font size="+2" color="#004080"><b>My Menu</b></font>
</td>
</tr>
<tr valign="top">
<td align="center">
<img name="pop1" src="buttona.gif">
</td>
<td align="center" valign="middle">
<a href="http://www.irt.org" onMouseOver='ImgOut("1");ShowText("1")' onMouseOut=ImgOver("1")>
<img name="con1" src="1.gif" border="0"></a>
</td>
<td rowspan="3" align="CENTER" valign="MIDDLE"><textarea name="Mytext" rows="6" cols="30" wrap="virtual"></textarea></td>
</tr>
<tr valign="top">
<td align="center">
<img name="pop2" src="buttona.gif">
</td>
<td align="center" valign="middle">
<a href="http://ourworld.compuserve.com/homepages/APalmer/" onMouseOver='ImgOut("2");ShowText("2")' onMouseOut=ImgOver("2") target="_top">
<img name="con2" src="2.gif" border="0"></a>
</td>
</tr>
<tr valign="top">
<td align="center">
<img name="pop3" src="buttona.gif">
</td>
<td align="center" valign="middle">
<a href="http://www.htmlgoodies.com" onMouseOver='ImgOut("3");ShowText("3")' onMouseOut=ImgOver("3") target="_top">
<img name="con3" src="3.gif" border="0"></a>
</td>
</tr>
</table>
</form>
</div>
</body>

</html>