案例4:突出显示案例

Posted qtbb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了案例4:突出显示案例相关的知识,希望对你有一定的参考价值。

技术图片

<style>
  bodymargin: 0;padding: 0;background: #000;
  adisplay: inline-block;
  imgheight:150px;width: 150px;
  ulwidth: 480px;
  ul lilist-style: none;display: inline-block;
</style>
<script>
  $(function()
    $("li").hover(function()
      $(this).stop().fadeTo(200,1);
      $(this).siblings().stop().fadeTo(200,0.4);   //   fadeTo():淡入淡出效果        fadeOut():淡出效果        fadeIn():淡入效果
    )
  )
</script>
</head>
<body>
  <ul>
    <li><a href="#"><img src="../imgs/1.png"></a></li>
    <li><a href="#"><img src="../imgs/2.png"></a></li>
    <li><a href="#"><img src="../imgs/3.png"></a></li>
    <li><a href="#"><img src="../imgs/4.png"></a></li>
    <li><a href="#"><img src="../imgs/5.png"></a></li>
    <li><a href="#"><img src="../imgs/1.png"></a></li>
  </ul>
</body>

以上是关于案例4:突出显示案例的主要内容,如果未能解决你的问题,请参考以下文章

突出展示案例

在标签栏 xcode 中创建展示案例视图

C# WPF MVVM模式[经典]案例

React系列三 - 阶段案例练习

Java45旅游案例:数据回显,注销/退出,首页类别显示,精选

Recycler View重复,如何查看一次