码迷,mamicode.com
首页 > 其他好文 > 详细

高亮显示 + 手风琴

时间:2020-04-08 21:04:02      阅读:67      评论:0      收藏:0      [点我收藏+]

标签:seo   外部   parent   aci   script   city   对象   over   标签   

<script>
$(function () {
  //获取所有的li注册鼠标进入和离开的事件
  $(".wrap>ul>li").mouseover(function () {
    $(this).siblings("li").css("opacity",0.5);
    $(this).css("opacity",1);
  });
  $(".wrap>ul>li").mouseout(function () {
    $(this).parent().children("li").css("opacity",1);
  });
});
</script>

$(function () {
  //获取所有的li标签,注册进入和离开事件
  $("#box>ul>li").mouseover(function () {
  $(this).siblings("li").css("width","100px");
  $(this).css("width","800px");
});
$("#box>ul>li").mouseout(function () {
  //find("条件")获取的是调用该方法的对象中的所有的元素
  //内部循环,外部不需要写循环,隐式迭代
  $(this).parent().find("li").css("width","240px");
  });
});

高亮显示 + 手风琴

标签:seo   外部   parent   aci   script   city   对象   over   标签   

原文地址:https://www.cnblogs.com/pxxdbk/p/12662466.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!