[RESOLVED] change size when mouse move over

**ly1819** · 03-08-2009 06:30 AM

Hello everyone,
I want to change the size of the image when my mouse moves over it. I write some code but doesn't work.

In the page HTML:

HTML Code:

<img src="11-1.bmp" name="b1" id="b2" style="width:40px; height:30px;" onmouseover="mouseOver()" onmouseout="mouseOut()"/>

And I import the code in the <head>:

HTML Code:

<head>
<script type="text/javascript" src="changeImg.js">
</script>
</head>

this is the code in the js document:

Code:

function mouseOver()
{
document.document.getElementById("b2").style.width=80;
document.document.getElementById("b2").style.height=60;
}
function mouseout().....

when I move my mouse over the pic, nothing happened, but if I test with:

Code:

function mouseOver()
{
alert("something")
}

the window of alert works normally. And I have tested with firefox, safari, so it is not the problem of browser.

So, what happened? HTML can't accept the of changing size like this?

Thank you very much!

**Fang** · 03-08-2009 06:37 AM

Code:

function mouseOver()
{
document.getElementById("b2").style.width=80+"px";
document.getElementById("b2").style.height=60+"px";
}

**ly1819** · 03-08-2009 06:46 AM

Originally Posted by Fang

Code:

function mouseOver()
{
document.getElementById("b2").style.width=80+"px";
document.getElementById("b2").style.height=60+"px";
}

Thank you for you reply.
Did you try it?
I tried, it doesn't work.

**Fang** · 03-08-2009 09:44 AM

It works providing the id is unique.

**ly1819** · 03-10-2009 11:33 AM

Originally Posted by Fang

It works providing the id is unique.

The reason is that I use Xhtml, so it doesn't work.
I try with html, it is good.
Thank you!

Thread: [RESOLVED] change size when mouse move over

Thread Tools

Display

[RESOLVED] change size when mouse move over

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions