0

Jquery と CSS を使用して非常にシンプルな Web サイトを作成しました。

左側にナビゲーション メニューがあります。各メニュー項目は外部 Web サイトにリンクしています。残念ながら、これらのリンクは実際には機能しません。

私は何が欠けていますか?? 私はJSが初めてです。

JS は次のとおりです。

    <script type='text/javascript'>
    $(document).ready(function(){
    $('#slideout').hover(function() {screen
    $(this).animate({right:'0px'}, {queue:false, duration: 500});
    }, function() {
    $(this).animate({right:'-270px'}, {queue:false, duration: 500});
    });
    });
    </script>

HTMLは次のとおりです。

    <div id="slideout">
         <div id="slidefont">selected works</div>
            <div id="slideout_inner">
            <ul>
            <li>
            <a href="http://websitegoeshere.com" target="blank">test1</a>
            </li>
            <li>
            <a href="http://websitegoeshere2.com" target="blank">test2</a>
            </li>
            </ul>
            </div>
    </div>
4

1 に答える 1

0

このようにcssを追加するだけで、javascriptなしでこれを行うことができます

li a:hover {
    padding-left: 10px;
}

jqueryを使用すると、これを追加する必要があります

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>


   <script type='text/javascript'>
   $("li a").hover(function() {
        $(this).stop().animate({paddingLeft : "10px"},200);
    },function() {
        $(this).stop().animate({paddingLeft : "0px"},200);
    });
   </script>

デモ

于 2013-08-24T16:40:20.253 に答える