Question

我使用Jquery和CSS创建了一个非常简单的网站。

左侧有一个导航菜单。每个菜单项链接到外部网站。不幸的是，这些链接实际上并不工作！

我错过了什么？我是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>

Answer 1

你可以在没有javascript的情况下执行此操作，只需要像这样添加css

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>

DEMO

如何在Javascript“滑出”菜单中进行链接工作

1 个答案: