Показать сообщение отдельно
  #5 (permalink)  
Старый 29.05.2012, 18:47
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Fenjmen51,
У Вас же есть проверка - объединяйте в одну функцию

<!DOCTYPE HTML>
<div id="height" onMouseOver='Toggle("height", 400,true)' onMouseOut='Toggle("height", 50,false)'>
Очень качественное развёртывание блока, плавное!
</div>

<STYLE>
BODY, HTML{margin:0;padding:0}
#height{margin:25px 0 0 5em;padding:10px;background:#55f;width:400px;color:white;border-radius:15px;cursor:pointer;border:3px solid #eee;}
</STYLE>

<SCRIPT>
function Toggle(Id, h, S)
{
   var obj = document.getElementById(Id);
   if (obj.offsetHeight < h&&S)
   {
      obj.style.height = (obj.offsetHeight + 10) + "px";
      setTimeout (function(){Toggle(Id, h,true)}, 8);
   }
   if (obj.offsetHeight > h&&!S)
   {
      obj.style.height = (obj.offsetHeight - 50) + "px";
	  setTimeout (function(){Toggle(Id, h,false)}, 8);
   }
}
</SCRIPT>

Последний раз редактировалось Deff, 29.05.2012 в 18:56.
Ответить с цитированием