Показать сообщение отдельно
  #5 (permalink)  
Старый 29.01.2015, 22:46
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

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>
Ответить с цитированием