Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как замедлить появление блока? (https://javascript.ru/forum/dom-window/56665-kak-zamedlit-poyavlenie-bloka.html)

dee3000 27.06.2015 21:02
Как замедлить появление блока?
 
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
	<div id="block" style="visibility: hidden; width: 400px; height: 40px; border: 1px solid black;"></div>
	<textarea style="width: 300px heihgt: 200px;" onfocus="focus1();" onblur="blur1();"></textarea>
    <script type="text/javascript">
	var block = document.getElementById('block');
	
    function focus1()
		{
		block.style.visibility = 'visible';
		}
		
	function blur1()
		{
		block.style.visibility = 'hidden';
		}
    </script>

  </body>
</html>


Хочется чтоб блок появлялся не моментально а медленно (выезжал или типо того). Как это сделать?

рони 27.06.2015 22:02
dee3000,
<!DOCTYPE html>
<html>
  <head>
  <style type="text/css">
  div{
     -webkit-transition: all 10s ease-in-out;
     -moz-transition: all 10s ease-in-out;
     -o-transition: all 10s ease-in-out;
     transition: all 10s ease-in-out;
background-color: #FF00FF;
  }
  </style>
  </head>
  <body>
	<div id="block" style="opacity: 0; width: 400px; height: 40px; border: 1px solid black;">123</div>
	<textarea style="width: 300px heihgt: 200px;" onfocus="focus1();" onblur="blur1();"></textarea>
    <script type="text/javascript">
	var block = document.getElementById('block');

    function focus1()
		{
		block.style.opacity = '1';
		}

	function blur1()
		{
		block.style.opacity = '0';
		}
    </script>

  </body>
</html>

dee3000 27.06.2015 22:08
Нет вы меня не правильно поняли
Я хотел бы чтоб блок не просто появлялся а делал это медленно (плавно)

рони 27.06.2015 22:10
dee3000,
одна секунда это для вас быстро?

рони 27.06.2015 22:14
dee3000,
поставил 10 секунд :)

dee3000 27.06.2015 22:20
Оу сорян, не сразу увидел стили )))) 10 секунд, да Вы шутник батенька )))
Огромное спасибо, а то у меня уже котел не Варит.
+ Вам в карму

nerv_ 28.06.2015 00:36
Цитата:
Сообщение от dee3000
Как замедлить появление блока?
сделать его тяжелым, якорь повесить :)

Sigizmund2012 28.06.2015 10:46
Цитата:
Сообщение от nerv_ (Сообщение 376888)
сделать его тяжелым, якорь повесить :)


Часовой пояс GMT +3, время: 00:23.