par
Aureusms » 13 sept. 2012, 21:06
hover est une fonction qui peut s'apparenter à une interaction. Qui dit interaction, dit JavaScript. Qui dit JavaScript dit Jquery (car c'est plus pratique).
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<SCRIPT type="text/javascript">
$(document).on({
mouseenter :function () {
$(this).css({cursor:'pointer'}).animate({height:'220', width:'220'},300);
},
mouseleave : function() {
$(this).animate({height:'50', width:'50'},300);
}
},'body div');
</SCRIPT>
</head>
<body>
<div style="height:50px; width:50px; background-color: yellow;"></div>
<div style="height:50px; width:50px; background-color: blue;"></div>
<div style="height:50px; width:50px; background-color: red;"></div>
<div style="height:50px; width:50px; background-color: black;"></div>
</body>
</html>
De cette façon, je pense que tu pourras mettre tes hover compatible avec ce navigateur obsolète. (j'ai pas pu tester je ne l'ai plus d'installé)
hover est une fonction qui peut s'apparenter à une interaction. Qui dit interaction, dit JavaScript. Qui dit JavaScript dit Jquery (car c'est plus pratique).
[html]<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<SCRIPT type="text/javascript">
$(document).on({
mouseenter :function () {
$(this).css({cursor:'pointer'}).animate({height:'220', width:'220'},300);
},
mouseleave : function() {
$(this).animate({height:'50', width:'50'},300);
}
},'body div');
</SCRIPT>
</head>
<body>
<div style="height:50px; width:50px; background-color: yellow;"></div>
<div style="height:50px; width:50px; background-color: blue;"></div>
<div style="height:50px; width:50px; background-color: red;"></div>
<div style="height:50px; width:50px; background-color: black;"></div>
</body>
</html>[/html]
De cette façon, je pense que tu pourras mettre tes hover compatible avec ce navigateur obsolète. (j'ai pas pu tester je ne l'ai plus d'installé)
