1

私はjQueryを初めて使用し、Textillateと呼ばれるjQueryテキストエフェクトプラグインを使用しようとしています. (ドキュメントはここにあります: https://github.com/jschr/textillate )

問題はinEffects、ウェブサイトのプロパティの説明に、効果が発生する前にコンテンツを非表示にする方法が記載されていないことです. に設定initialDelayしました6000。これは、ページが読み込まれてから 6000 ミリ秒後に効果が発生することを意味します。残念ながら、この 6000 ミリ秒の間にテキストが表示されるので、効果が始まるまでテキストを非表示にする必要があります。私はそれinEffects['hidden']がうまくいくと思いましたが、そうではありません。誰か提案はありますか？私の完全なスクリプトを以下に示します。

<script type="text/javascript">
                        $(function textillate() {
                            $('.storycontent').textillate(
                                    {
                                        initialDelay: 6000,
                                        inEffects: ['hidden'],
                                        in: {
                                            effect: 'rotateInDownLeft'
                                        }
                                    });
                        });
</script>

私も使ってみ$(.storycontent).hide(6000);ましたが、それも解決策ではないようです。効果がすぐに始まり、コンテンツが消えていくようです。

4

3 に答える 3

4

CSS を使用して、プラグインを実行する前に要素を非表示にします。

.storycontent{
    visibility:hidden;
}

例を次に示します: http://jsfiddle.net/n1ck/3hjvj/1/

于 2013-06-19T04:53:24.703 に答える