Javascript-форум - Показать сообщение отдельно

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>