Rom@n,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<div id="im" style="z-index:222;position:fixed;top:-65px;left:0;
width:250px;height:65px;
color:#fff;
border:1px solid #4767AB;
text-shadow: 1px 1px 1px #000;
background:#4c83c3;box-shadow:0 0 2px rgba(0,0,0,0.9);">
НОВОЕ СООБЩЕНИЕ<br>
От<br>
Пан или пропал
</div>
<script> (function() {
var element = document.getElementById("im");
function animate(el,from, to, style, time, complete) {
var last = +new Date(),
tick = function() {
from += (new Date() - last)*to / time ;
last = +new Date();
if (from < to) {
(window.requestAnimationFrame && requestAnimationFrame(tick))|| setTimeout(tick, 16);
}
else {from = to};
el.style[style] = from + "px" ;
from == to && complete()
};
tick()
}
function first()
{ element.style.display = '';
animate(element, 0, 300,"top", 1500, pause);
}
function pause()
{ element.style.display = 'none';
setTimeout(first, 4000);
}
first()
})();
</script>
</body>
</html>