小编Sab*_*cia的帖子

在动态上减轻每个列表项子项的背景

我有一个堆叠的菜单下拉菜单,我希望每个菜单项逐渐变亮.我已经使用sass lighten()规则手动完成了,但我想知道是否有一种方法可以为每个新的列表项增量减少5%的dinamically.我想有些jquery应该结合起来实现这个目标.

小提琴:http://jsfiddle.net/k2fjzro4/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li class="list-item-1">1</li>
  <li class="list-item-2">2</li>
  <li class="list-item-3">3</li>
  <li class="list-item-4">4</li>
  <li class="list-item-5">5</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery sass

2
推荐指数
1
解决办法
66
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

sass ×1