光标离开内容分类，分类下的子菜单就自动隐藏了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript" src="js/index.js"></script>
    <title>首页</title>
</head>
<body>
    <div class="header">
        <div class="logo">
            <img src="image/logo.png"/>
        </div>
        <div class="menu" onmousemove="hide_menu()">
            <!--内容分类-->
            <div class="menu_title" onclick="show_menu()"><a href="###">内容分类</a></div>
            <ul id="menu1">
                <li>现实主义</li>
                <li>抽象主义</li>
            </ul>
        </div>
        <div class="auth">
            <ul>
                <li><a href="#">注册</a></li>
                <li><a href="#">登录</a></li>
            </ul>
        </div>
    </div>
    <div class="contert">
    </div>
    <div class="footer"></div>
</body>
</html>

*{
    padding: 0px;
    margin: 0px;
}
.header{
    margin: 25px auto 0px 50px;
}
.header .menu ul{
    display: none;
}
.header .logo{
    float:left;
    position: relative;
}
.header .menu{
    float: left;
    position: relative;
    margin-top:12px;
    margin-left: 16px;
}
.header .auth {
    float:right;
    position: relative;
}

var flag=true;
function show_menu(){
    var menu1=document.getElementById("menu1");
    if(flag){
        menu1.style.display="block";
        flag=false;
    }else{
        menu1.style.display="none";
        flag=true;
    }
}
function hide_menu(){
    var menu1=document.getElementById("menu1");
    menu1.style.display="none";
    flag=true;
}