<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style>
.asd {
width:336px;
height:76px;
opacity: 1;
-webkit-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
transition: opacity 0.5s;
}
</style>
</head>
<body>
<img class="asd" id="sdf" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
<script type="text/javascript">
var style = document.getElementById("sdf").style;
setInterval(function() {
style.opacity = style.opacity == "1" ? "0" : "1";
}, 1000);
</script>
</body>
</html>