5

うーん、私はいくつかのアニメーションをいじっていたときにJqueryで動けなくなりました。ギャラリーのようにボタンが強調表示されたときに、テキストボックスを表示してテキストを表示したかったのです。とにかく私は半分を作りましたが、テキストは表示されません。だから何か助けて...

Ps アイデアは、ボタン/円が光り、その下にテキストが表示されるようにすることでした。1 つのボタン/円が光ると、その下の空のスペースに関連するテキストが表示されます。

<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">

            function slide() 
            {//slide start

                $(".textHold").hide()
                .delay(1000)
                .queue(
                    function()
                    {//queue function start
                        $(".red").css(
                        {//css start
                            "background-color":"#000"
                        }//css end
                                    );//css ();
                    $(this).dequeue();
                    }//queue function/\
                    );//queue();

                $(".textHold").fadeIn(500);
                $(".textr").fadeIn(500).fadeOut(5000).delay(500);
                $(".textHold").fadeOut(500).delay(500);
                $(".textHold")
                .queue(
                    function ()
                    {
                        $(".red").css({"background-color":"#f00"});
                        $(this).dequeue();
                    }
                )
                .delay(500)
                .queue(
                    function()
                    {
                        $(".blue").css({"background-           color":"#000"});
                        $(this).dequeue();
                    }
                )

                .fadeIn(500);$(".text").fadeIn(500).delay(500).fadeOut(500).delay(500);
            $(".textHold").fadeOut(500).delay(500);
                $(".textHold").queue(
                    function()
                        {
                        $(".blue").css({"background-color":"#00f"});
                        $(this).dequeue();
                    }
                    );
                }//slide() /\
setInterval(function(){slide();},500);

</script>
</head>
<body>
    <div class="red">
    </div>
    <div class="blue">
    </div>
    <div class="textHold">
    <span class="text">Hello blue</span>
    <span class="textr">Hello Red</span>
    </div>
</body>
4

1 に答える 1

1

ボタンのスタイルを変更するコードは、あなたの管理下にあるようです (サードパーティのコードではありません)。この場合、ボタンの色が変わったときに JQuery カスタム イベントをトリガーできます。このイベントには、それに応じてテキストを表示するリスナーがあります。

参照: http://www.sitepoint.com/jquery-custom-events/

于 2013-01-02T04:22:11.910 に答える