You just turn your text in an anchor tag:
<a href="#">Some text</a>.
Style it with some css:
a {
text-decoration: none;
color: #666;
}
Select the text in the anchor tag. Go to Window>Behaviours>Set Text>Set Text of Container> Choose which container you want the text to appear in (they are listed in the drop menu so be sure to give your containers an id - <div id="textToAppearHere"></div>) and then insert some text into the text field that youre presented with. Choose onMouseOver or OnClick as the event
Here's an example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#wrapper {
width: 600px;
margin: 0 auto;
border: 1px solid #666;
overflow: hidden;
}
#one, #two, #three {
width: 199px;
float: left;
height: 300px;
border-right: 1px solid #666;
padding: 20px 0;
}
a {
text-decoration: none;
color:#666;
}
p {
padding: 0 20px 10px 20px;
margin: 0;
}
</style>
<script type="text/javascript">
<!--
function MM_setTextOfLayer(objId,x,newText) { //v9.0
with (document) if (getElementById && ((obj=getElementById(objId))!=null))
with (obj) innerHTML = unescape(newText);
}
//-->
</script>
</head>
<body>
<div id="wrapper">
<div id="one">
<p><a href="#" onmouseover="MM_setTextOfLayer('three','','<p>This is some information</p><p>This is some information</p><p>This is some information</p><p>This is some information</p>')">Some text</a></p>
<p><a href="#" onmouseover="MM_setTextOfLayer('three','','<p>More Information</p><p>More Information</p><p>More Information</p>')">Some text</a></p>
<p><a href="#" onmouseover="MM_setTextOfLayer('three','','<p>Another column of information</p><p>Another column of information</p><p>Another column of information</p><p>Another column of information</p><p>Another column of information</p><p>Another column of information</p>')">Some text</a></p>
</div>
<div id="two">
<p><a href="#">Some text</a></p>
<p><a href="#">Some text</a></p>
<p><a href="#">Some text</a></p>
</div>
<div id="three">
</div>
</div>
</body>
</html>
