我们已经做了一些自定义动画功能用于内容过渡。强烈建议使用我们的滚动显示插件来使你的内容滚动显示。

showStaggeredList

使用它来创建一个交错的显示效果对于任何带列表项的UL标签。只要确定这个列表项在UL标签里面是opacity: 0；再次确认动画工作是否正常。

选项名称	描述
SelectorOrEl	过渡目标的选择器或元素

单击我

  <a href="#!" class="btn" onclick="Materialize.showStaggeredList('#staggered-test')">单击我</a>
        

• 列表项

  这是一个描述

• 列表项

  这是一个描述

• 列表项

  这是一个描述

• 列表项

  这是一个描述

• 列表项

  这是一个描述

fadeInImage

使用这个过渡图片，这个动画是通过灰度和亮度来产生一个独特的效果。

选项名称	描述
SelectorOrEl	过渡目标的选择器或元素。

单击我

  <a href="#!" class="btn" onclick="Materialize.fadeInImage('#image-test')">单击我</a>