Форум

рони · #11 (**permalink**) 23.10.2013, 16:29

Darth LegiON,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
 <style type="text/css">
 .submenu{
   display: none;
 }
  .menu_block{
    cursor: pointer;
  }

 </style>
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document)
    .ready(function () {
var timer;
$(".menu_block").mouseenter(function(){
    var a = this;
	timer = window.setTimeout(function () {
		$(".submenu", a).fadeIn(600);
	}, 700)

}).mouseleave(function(){
	window.clearTimeout(timer);
	$(".submenu", this).delay(300).fadeOut(600);
});
    });
</script>
</head>

<body>
<ul id="searchresult">
</ul>
<div  class="menu_block">Диски<span  class="submenu"> крутые</span></div>

</body>
</html>

devote · #12 (**permalink**) 23.10.2013, 17:22

<!DOCTYPE HTML>
<html>
    <head>
        <style type="text/css">
            .submenu{
                display: none;
            }
            .menu_block{
                cursor: pointer;
            }
        </style>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script>
            $(document).ready(function () {
                $(".menu_block").mouseenter(function(){
                    var $elem = $(".submenu", this);
                    if ($elem.css('display') === 'none') {
                        $elem.stop(true).delay(700).fadeIn(600);
                    } else {
                        $elem.stop().animate({opacity:1}, 600);
                    }
                }).mouseleave(function(){
                    $(".submenu", this).stop(true).delay(300).fadeOut(600);
                });
            });
        </script>
    </head>
    <body>
        <div  class="menu_block">Диски<span  class="submenu"> крутые</span>!</div>
    </body>
</html>

Форум

Справочник

Discord чат

Курсы javascript