0

我有另一个关于我的 jQuery 脚本的初学者问题。我有一个脚本可以让菜单向右移动一点。第一个问题是它以<a>某种方式得到底部填充，我不知道为什么以及如何。第二个问题是如何<td>用<a>元素填充整个。我是 jQuery 的初学者，正在寻找一些学习方法，所以请耐心等待。非常感谢您的任何回答。

jQuery代码：

$(document).ready(function(){
    $('.menu a').hover(function(){
        $(this).stop().animate({width: '180px'}, "slow");
    }, function(){
        $(this).stop().animate({width: '160px'}, "slow");
    });
});

jsFiddle 演示：这里

4

1 回答 1

2

您不应该使用表格作为菜单。绝对没有理由这样做。请改用无序列表，例如：

<ul id="menu">
    <li><a href="#">Menu Item 1</a></li>
    <li><a href="#">Menu item 2</a></li>
</ul>

然后，您可以将其设置为：

#menu {list-style-type: none; margin:0;padding:0;}
#menu > li {background: #8B0B04;width: 160px;padding: 7px 30px 7px 0px;}
#menu a {color: #A9A582;text-decoration: none; font: 17px bold Helvetica;width: 100%; height: 100%}

关于你的第二个问题，我不知道你的意思是什么？（：

编辑：

哦，你可以把它改成：

$(document).ready(function(){
    $('#menu > li').hover(function(){
        $(this).stop().animate({width: '180px'}, "slow");
    }, function(){
        $(this).stop().animate({width: '160px'}, "slow");
    });
});

现在通过编辑，我理解了您的第二个问题。我做了一个小提琴：

http://jsfiddle.net/k8vsA/

于 2013-04-21T13:20:23.203 回答