Sol hover
De wikiserver
La revisió el 11:27, 1 abr 2016 per Jnoguera (Discussió | contribucions) (Es crea la pàgina amb «<source lang="java"> <!DOCTYPE html> <html> <head> <title>Div fantasmas</title> <link rel='stylesheet' type='text/css' href='stylesheet.css'/> <script …».)
<!DOCTYPE html>
<html>
<head>
<title>Div fantasmas</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<div>Página principal</div>
<div>Acerca de nosotros</div>
<div>Contactanos</div>
</body>
</html>
$(document).ready(function(){
$('div').hover(
function(){
$(this).addClass('active'); //primera función se ejecuta cuando pasa el ratón por encima
},
function(){
$(this).removeClass('active'); //segunda función se ejecuta cuando sale el ratón del div
}
);
});
div {
border-radius: 5px;
background-color: #ABCDEF;
transition: background-color 0.5s ease;
display:inline;
font-size:25px;
padding:20px;
border:1px solid #ccc;
margin-top:10px;
}
.active {
background-color:#556677;
}
