Jquery Li图片库

时间:2012-07-24 02:04:55

标签: jquery html jquery-plugins css3 html-lists

我如何隐藏ul中所有不是顶部的li。

代码:http://jsfiddle.net/mSmbv/375/

我需要顶部的li才是唯一隐藏的。所有其他应隐藏起来,直到它们向上滑入视图并且顶部滑到底部。

编辑:我已经到了可以让它们滑入和滑出的地步但我更喜欢看起来漂亮的淡入/淡出,其中当前的nad next li相互褪色。 http://jsfiddle.net/mSmbv/386/

1 个答案:

答案 0 :(得分:1)

使用当前代码,我将使用CSS3选择器。

#rotated li
{
    display: none;
}

#rotated li:nth-child(1)
{
    display: list-item;
}

我会尝试这些方法。您还可以使用jQuery将CSS效果转换为存在和不存在。最糟糕的情况是,您可以通过指定强制显示的!重要CSS类以及您正在寻找的样式来遍历LI的集合。

祝你好运!