2

私は JS を使用してホバー アニメーションを実現しようとしていますが、その言語に関する私のスキルは非常に限られています。私が使用している唯一のスクリプトであるため、script.js ファイルにこのスクリプトがあります。

$(document).ready(function() {

    animationHover('#intro-logo' 'tada')

function animationHover(element, animation){
    element = $(element);
    element.hover(
        function() {
            element.addClass('animated ' + animation);          
        },
        function(){
            //wait for animation to finish before removing classes
            window.setTimeout( function(){
                element.removeClass('animated ' + animation);
            }, 2000);           
        });
}

}

})();

目標は、#intro-logo にカーソルを合わせると、スクリプトがクラス .animated と .tada を追加して、くそったれをアニメーション化することです! ただし、 Uncaught SyntaxError: Unexpected string が表示されるため、

animationHover('#intro-logo' 'tada')

何が間違っているのかわかりません。ここでチュートリアルを使用しましたが、その人にはうまくいきましたが、そのような運はありません。誰の助けにも心から感謝します。

よろしくお願いします。このコミュニティは素晴らしいです。これは私の最初の質問ですが、皆さんのおかげで、私が Web 開発の腕前への道のりで何百もの問題を解決することができました (その多くは明らかにまだ未熟です)。

編集:不足しているカンマを追加しましたが、ドキュメントの終了方法に問題があるようです。投稿されたのは私の JS ファイル全体です。すべてを適切に閉じるにはどうすればよいですか? })(); 動作しないようです。

4

2 に答える 2

0

必ずしも JS が必要ない場合は、jQuery を使用できます。

$(document).ready(function() {
        $("#intro-logo").hover(function () {
             $(this).toggleClass('animated tada');
     });
   });

ワーキングjsfiddle

または、純粋な CSS で :hover 疑似クラスを使用して実行することもできます

于 2013-08-10T02:13:16.990 に答える
0

作業例:

$(document).ready(function () {

    animationHover('#intro-logo', 'tada')

    function animationHover(element, animation) {
        element = $(element);
        element.hover(

        function () {
            element.addClass('animated ' + animation);
        },

        function () {
            //wait for animation to finish before removing classes
            window.setTimeout(function () {
                element.removeClass('animated ' + animation);
            }, 2000);
        });
    }

});

不要なもの}()末尾を削除し、コンマを追加しました。

于 2013-08-09T19:13:48.220 に答える