鼠标经过显示子项

来源:互联网 发布:java重载的作用 编辑:程序博客网 时间:2024/05/16 09:21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>hover</title>
    <style>
    li a:hover {background-color:GREEN;}
    li ul {display:none;}
    li a:hover ul {display:block;}
</style>
</head>
<body>
    <ul>
        <li><a href="#" title="">AAA
            <ul>
                <li>AA</li></ul>
        </a></li>
        <li><a href="#" title="">BBB
            <ul>
                <li>BB</li></ul>
        </a></li>
        <li><a href="#" title="">CCC
            <ul>
                <li>CC</li></ul>
        </a></li>
    </ul>
</body>
</html>

原创粉丝点击