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

Makkssimka,
Вариант ...
<!DOCTYPE html>
<html>
<head>

  <style>
  div.out{width:40%;height:120px;margin:0 15px;font-size:20px;background:#FF0;text-align:center;float:left}
  p{line-height:4em;margin:0;padding:0}
  </style>
   <meta charset="utf-8" />
  <script src="https://code.jquery.com/jquery-latest.js"></script>

</head>

<body>
<div class="out enterleave">
    <p>нет никого</p>

</div><div class="out enterleave">
    <p>нет никого</p>

</div><div class="out enterleave">
    <p>нет никого</p>

</div>
<script>
    var timer;

    $("div.enterleave").mouseenter(function(){

      $("p",this).text("кто то пришёл но я сплю");
window.clearTimeout(timer);
var div = this;
     timer = window.setTimeout(function ()
{
   $("p", div).text("Какова фига нада").css({'background-color':'#FF0000','color' : '#FFFFFF','font-size': '30px'})
}, 1500)

    }).mouseleave(function(){
       window.clearTimeout(timer);
      $("p",this).text("кто то был").css({'background-color':'#FFFF00','color' : '#000000','font-size': '20px'});

    });
</script>
</body>
</html>

Последний раз редактировалось рони, 27.06.2023 в 10:12.
Ответить с цитированием