|
albino_lab_rat -> RE: what's a hoover button - and why hate it? (3/28/2002 14:21:09)
|
You can also do hover buttons using JavaScript, but that adds to the load time to you pages. It is done like this:
Add this to the Head of you page,
<script language="JavaScript">
<!--
if (document.images) {
image1on = new Image();
image1on.src = "button.gif";
}
function changeImages() {
if (document.images) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments].src = eval(changeImages.arguments[i+1] + ".src");
}
}
}
// -->
</script>
Add this to the body of you page:
<a href="../index.htm" onMouseOver="changeImages('image1', 'image1on')" onMouseOut="changeImages('image1', 'image1off')"><img name="image1" src="button1.gif" alt="Home" border=0 width="120" height="40"></a>
This assumes that the button will go to your index page, and it is a gif that is 120 x 40 px.
What this will do is change your image (titled button) when you mouse over it (it would change it to button1).
Hope that all makes sense.
"Our only hope today lies in our ability to recapture the revolutionary spirit and go out into a sometimes hostile world declaring eternal hostility to poverty, racism, and militarism." - Martin Luther King, Jr.
|
|
|
|
