<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
function show() {
$('#img').fadeOut(function() {
$('#img').attr('src', 'http://javascript.ru/forum/images/smilies/angry.gif');
$('#img').fadeIn();
});
}
function hide() {
$('#img').fadeOut(function() {
$('#img').attr('src', 'http://javascript.ru/forum/images/smilies/smile.gif');
$('#img').fadeIn();
});
}
</script>
</head>
<body>
<img src="http://javascript.ru/forum/images/smilies/smile.gif" width="50" id="img" onmouseover="show();" onmouseout="hide();" />
</body>
</html>