Сообщение от dee3000
|
|
Отлично. Если можно еще бы немного сделать чтоб не моментально появлялся а медленно?
|
<html>
<head>
</head>
<body>
<div id="block" style="visibility: hidden; width: 0px; height: 0px; border: 1px solid black;transition: width 1s, height 1s;">
</div>
<textarea onfocus="show();" onblur="blur1();"></textarea>
<script type="text/javascript">
var block = document.getElementById('block');
const hoverEvent = new Event('mouseover');
block.addEventListener('webkitTransitionEnd', function( event ) {
if (block.style.width == '0px')
blur2();
}, false );
function show()
{
block.style.visibility = 'visible';
block.style.width = '400px';
block.style.height = '40px';
block.dispatchEvent(hoverEvent);
}
function blur1()
{
block.style.width = '0px';
block.style.height = '0px';
}
function blur2()
{
block.style.visibility = 'hidden';
}
</script>
</body>
</html>