onmouseover за див

[pr0_gamer]

Как мога да направя на div елемент като мишката е върху него леко да си променя фона?

 

[Karcho]

<script type='text/javascript'>
function changeback() {
document.getElementById('id-na-diva').style.background = '#000';
}
</script>
<div id='id-na-diva' style='background: red; width: 200px; height: 200px;' onmouseover='changeback()'> </div>

 

[slideR]

<div onMouseOver="this.style.background('#000000');" onMouseOut="this.style.background('#FFFFFF');" style="background: #FFFFFF;">asdasdasdasd</div>

 

[emagi]

<!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>
</head>

<body>
<div id="mydiv" onmouseover="this.style.background='red'" style="width:300px; height:300px; background:blue;"></div>
</body>
</html>

 

[shterev]

ако не ти трябва за ИЕ6 може просто да го направиш с псевдо клас

.class{ background:#fff;}
.class:hover{background:#000;}

<div class="class"></div>

 

[pr0_gamer]

<!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>
</head>

<body>
<div id="mydiv" onmouseover="this.style.background='red'" style="width:300px; height:300px; background:blue;"></div>
</body>
</html>

Благодаря! Най-краткият и лесен начин.