小编Axe*_*ler的帖子

我想制作一个带有几个齿轮的404页面，这些齿轮需要旋转一秒钟左右，然后慢慢停止旋转，最后完全静止。在我看来，这是一个很好的效果，可以让我的访客知道出了问题（机器/齿轮停止工作）。

我想用纯 css 来实现这一点，但无法通过谷歌搜索找到如何做到这一点。我也不知道如何使用 jQuery 来做到这一点。欢迎任何建议，但我仍然更喜欢 css3。

编辑:已解决:ID无法以数字开头.

这就是它的意思 - >

我用它上面的标签做了一个div(2009 - 2013).在内容应该显示的div中,我只写了一年来表明我的代码是否有效.

如果我写$('div#updates div.content div').hide();,所有内容隐藏(就像它应该),但如果我写$('div#updates div.content div#2009').show();,没有任何反应.有谁知道为什么(我认为错误的选择器,但我检查了它,它没有用.

HTML:

<div id="updates">
<div class="tabs">
    <div id="2009">2009</div>
    <div id="2010">2010</div>
    <div id="2011">2011</div>
    <div id="2012">2012</div>
    <div id="2013">2013</div>
</div><br />
<div class="content">
    <div id="2009">
        2009
    </div>
    <div id="2010">
        2010
    </div>
    <div id="2011">
        2011
    </div>
    <div id="2012">
        2012
    </div>
    <div id="2013" class="active">
        2013
    </div>
</div>

JS(jQuery):

        $(document).ready(function(e) {
            $('div#updates div.tabs div#2013').addClass("active");

            $('div#updates div.tabs div').click(function(e) {
                $('div#updates div.tabs div').removeClass("active");
                $(this).addClass("active");
                $('div#updates div.content div').hide();
            });

            $('div#updates div.tabs div#2009').click(function(e) {
                $('div#updates …