高亮显示

来源:互联网 发布:java 打印byte数组 编辑:程序博客网 时间:2024/05/29 07:44
<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title></title>    <style type="text/css">        .dd{            width: 660px;            height: 420px;            margin: 0 auto;            padding: 1px;            background-color: yellow;        }        ul li{            float: left;            list-style: none;        }    </style>    <script src="js/jquery-1.11.1.min.js"></script>    <script>        $(function(){            $("li").mouseenter(function(){//鼠标移上其他模糊                $(this).css("opacity",1).siblings().css("opacity",0.6);            });            //给div添加离开的事件            $("div").mouseleave(function(){                $(this).children("ul").eq(0).children("li").css("opacity",1);            });        });             </script></head><body>    <div class="dd">        <ul>            <li><img src="img/01.jpg"/></li>            <li><img src="img/02.jpg"/></li>            <li><img src="img/03.jpg"/></li>            <li><img src="img/04.jpg"/></li>            <li><img src="img/05.jpg"/></li>            <li><img src="img/06.jpg"/></li>        </ul>    </div></body>

原创粉丝点击