Llevo unos dias con esta tonteria de codigo (de un libro) y no me funciona..., me podriais decir donde esta el fallo?
<!doctype html>
<html>
<head>
<title>Tree Boxes Hover</title>
<script type="text/javascript" scr="https://code.jquery.com/jquery-1.10.2.js"></script>
<style type="text/css" >
.box {
margin: 50px;
padding: 30px;
width: 50px;
border: 3px solid black;
}
.colorBox {
background-color:aqua;
color: blue;
}
</style>
</head>
<body>
<h1>Tree Boxes Hover Event</h1>
<hr>
<br/>
<br/>
<br/>
<span class="box">Box1</span>
<span class="box">Box2</span>
<span class="box">Box3</span>
</body>
<script type="text/javascript">
$(document).ready(function() {
$(".box").hover(
//Hover over
function() {
$(this).addClass("colorBox");
},
//Hover out
function() {
$(this).removeClass("colorBox");
}
);
});
</script>
</html>
Muchas gracias compañeros!
