zoukankan      html  css  js  c++  java
  • jquery 高亮显示

    <div class="wrap">
    <ul>
    <li><a href="#"><img src="imgs/01.jpg" alt=""/></a></li>
    <li><a href="#"><img src="imgs/02.jpg" alt=""/></a></li>
    <li><a href="#"><img src="imgs/03.jpg" alt=""/></a></li>
    <li><a href="#"><img src="imgs/04.jpg" alt=""/></a></li>
    <li><a href="#"><img src="imgs/05.jpg" alt=""/></a></li>
    <li><a href="#"><img src="imgs/06.jpg" alt=""/></a></li>
    </ul>
    </div>
    <script>
    $(function () {
    $(".wrap>ul>li").mouseenter(function () {
    $(this).css("opacity","1").siblings().css("opacity","0.4");
    });
    $(".wrap").mouseleave(function () {
    //让所有li变亮的几种方法
    //$("li");
    //$(".wrap li");
    //$(".wrap>ul>li");
    //$(this).children().children("li");
    $(this).find('li').css("opacity","1");
    });
    });
    </script>
  • 相关阅读:
    数据结构与算法(0)--必知必会
    数据结构概览
    Python 数据分析学习路线
    数据分析交互工具--使用jupyter
    Vue项目搭建
    luffy_08
    luffy_07
    luffy_06
    luffy_05
    luffy_04
  • 原文地址:https://www.cnblogs.com/lujieting/p/10099429.html
Copyright © 2011-2022 走看看