Question

求助，这个jQuery菜单代码如何添加链接（点击菜单栏进入页面那种效果）？

代码太长发不上来，http://www.webdm.cn/webcode/9d8f0f2f-715a-42af-9622-f5a64504e56a.html 只能请各位大师看这个链接上的代码了，怎么改代码才能添加链接，实现点击菜单栏进入页面那种效果

Answer 1

你好！

如果是你发的这个例子的话~~
<li><a href="#">About us</a></li>

使用这种方式添加链接是可以的，但是同时需要修改下jquery的代码。
使用mouseenter、mouseleave事件来替换mouseover、mouseout事件就可以了。

这样就不会出现你之前修改后看到的来回跳动的问题了。
之所以会出现这样的原因时，使用了mouseover事件时，当鼠标从li移动到<a>上时，
会触发mouseout事件。

希望对你有帮助！

-----------------------------------------------------------------------------------------

Answer 2

<script type="text/javascript">
$(document).ready(function() {
windowGo(0,"#1");
windowGo(1,"#2");
windowGo(2,"#3");
windowGo(3,"#4");
windowGo(4,"#5");
windowGo(5,"#6");
});
function windowGo(menuNum,linkval){
$(".menu li:eq("+menuNum+")").click(function(){window.location.href=linkval});
}
</script>

加入以上的方法 ，你现在要改的地方就是 #1,#2,#3...#6,分别改成你要转到的链接，例如：第一个子菜单点击进入baidu的话，这样改：
windowGo(0,"#1"); 改成 windowGo(0,"http://www.baidu.com");

同理可得其他的，
不懂的话，继续问

Answer 3

<ul class="menu">
<li>About us</li>
<li>Contacts</li>
<li>Others</li>
<li>Products</li>
<li>Portfolio</li>
<li>Testemonies</li>
</ul>
楼主就把链接添加在这里即可
<ul class="menu">
<li><a href="#">About us</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">Others</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Testemonies</a></li>
</ul>

追问

感谢您的回答，我尝试过这样去改但是最终浏览器上出来的效果不行，菜单栏会连续伸缩

追答

　　哦，还有思路，那就是在页面加载时，把每个菜单添加注册个事件，单击该菜单时，触发该事件，然后把该页面的链接转到那个菜单对应的链接中去