用jquery写一个导航页面
时间: 2024-05-11 17:13:45 浏览: 224
作为AI语言模型,我无法提供您一个完整的导航页面,但我可以给您提供一个基本的导航菜单的HTML和jQuery代码:
HTML代码:
```
<nav>
<ul>
<li><a href="#" class="active">首页</a></li>
<li><a href="#">新闻</a></li>
<li><a href="#">产品</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
```
jQuery代码:
```
$(document).ready(function() {
$('nav ul li a').click(function() {
$('nav ul li a').removeClass('active');
$(this).addClass('active');
});
});
```
这段jQuery代码会监听导航菜单中的每个链接的点击事件。当链接被点击时,所有链接的“active”类都会被移除,然后被点击的链接将被添加“active”类,使其在导航菜单中突出显示。
阅读全文