"Mark" <mataylor1@prodigy.net> wrote:
>
>Hi, I want to get an effect similar to a java rollover but I don't want
to
>use images. I want the text in a particular area of my page to swap as
I
>point over a link or button:
>
>choice 1
>
>choice 2
>
>choice 3 the text over here swaps depending on which
> choice the mouse is over.
>choice 4
>
>can this be done?
Please try this.
<html>
<script language='JavaScript'>
function fun(str)
{
s.innerText=str;
}
</script>
<body>
move mouse over to the buttons<br>
<form name="f">
<input type=button name="b1" value="Button1"
onmouseover="fun('my first button')"></input><br><br>
<input type=button name="b2" value="Button2"
onmouseover="fun('and this, my second button')"></input><br><br>
<input type=button name="b3" value="Button3"
onmouseover="fun('button 3 is pointed to')"></input><br><br>
<input type=button name="b4" value="Button4"
onmouseover="fun('mouse is over the fourth button')"></input>
</form>
<div style="position:absolute;top=60px;left=200px;border-style:double;
width=280;text-align:center;background-color:cornsilk;color:darkgreen;font-weight:bold;
border-color:darkblue;height:70;">
<br><span id="s">text swap demo</span>
</div>
</body>
</html>