Menu
I have written this, amongst other stuff:
[code=html]<!DOCTYPE HTML>
<html>
<head>
<title>HTML / CSS</title>
<script type=”text/javascript” >
function hide()
{
this.style.color = ‘red’;
}
</script>
</head>
<body>
<div>
<ul class=”top” style=”position: relative; display: block; “>
<li>
<a href=”#”>HOME</a>
</li>
<li>
<a href=”#” onmouseover=”hide()”>SUBJECTS</a>
</li>
</ul>
</div>
</body>
</html>
I am trying to get the color of the list item ‘SUBJECTS’ to turn red on mouse over. I think my syntax must be wrong but I don’t know how so. What can I do to fix it?