Voglio creare l'effetto ombra al passaggio del mouse su un div e questo è il mio index.html:
codice:
<!DOCTYPE html>
<html lang="en">
	<head>
		<title></title>
		 <script>
		 function onMouseEnter() { 
			this.style.boxShadow='1px 1px #888888'; 
		} 
		function onMouseLeave() { 
			this.style.boxShadow='1px 1px #ffffff';
		} </script>
	</head>
	<body>
		<div class=menuitem onmouseover="onMouseEnter()" onmouseout="onMouseLeave()"> 
	</body>
</html>
In questo modo non funziona ma se, invece, tolgo le funzioni e metto direttamente
codice:
<div class=menuitem onmouseover="this.style.boxShadow='1px 1px #888888';" onmouseout="this.style.boxShadow='1px 1px #ffffff';">
funziona.
Perchè? In cosa sbaglio?