0

リンクにカーソルを合わせてアニメーションを実行しようとしていますが、成功していません。コードは次のとおりです。

HTML

<ul>
    <li>
        <a class="border" href="#">HOME</a>
    </li>
    <li>
        <a class="border" href="#">TOUR</a>
    </li>
    <li>
        <a class="border" href="#">CONTACTUS</a>
    </li>
</ul>

脚本

$(document).ready(function () {
    $(".border").hover(function () {
        $(this).animate({
            borderBottom: '2px solid #3399FF',
            width: '46%'
        }, 500);
    });
});

フィドル

私はそれが非常に悪いように見えることを知っていますが、助けてください!

よろしくお願いします。

4

2 に答える 2

5

jQueryライブラリが含まれていません... http://jsfiddle.net/2GJrW/4/

$(document).ready(function () {
    $(".border").hover(function () {
        $(this).animate({
            borderBottom: '2px solid #3399FF',
            width : '46%'
        }, 500);
    });
});
于 2013-03-19T18:48:27.730 に答える
1

jQueryがロードされていないことを確認してください。

今すぐ参照: http://jsfiddle.net/2GJrW/6/

$(document).ready(function(){

        $(".border").hover(function(){
            $(this).animate({ 

                borderBottom :'2px solid #3399FF',
                width:'46%' 


            }, 500 );
        });





    });
于 2013-03-19T18:51:19.770 に答える