全国畜牧总站

这个网站是全国畜牧总站，提供了关于畜牧行业的各类信息和服务。在头部导航栏中，点击不同的选项可以切换到对应的页面内容。

该网站使用了jQuery库来实现动态效果。当页面加载完成后，会执行名为nav_nav()的函数。在这个函数中，根据不同的URL路径(通过判断src变量中的关键字),为对应的导航栏项添加”active”类，同时移除其他未激活项的”active”类。这样可以实现单页面应用中的导航栏样式效果。

如果你想要在自己的网站上实现类似的功能，可以使用类似的方法，结合具体的网页结构和URL路径，编写相应的代码。以下是一个示例的Markdown格式代码：

# 全国畜牧总站  
  
## 导航栏  
点击以下链接跳转到相应页面。  
  
- [首页](/index.html)  
- [关于](/about.html)  
- [新闻动态](/news.html)  
- [联系我们](/contact.html)  
  
---  
  
## JavaScript 代码示例  
使用 jQuery 实现导航栏的样式效果：  
  
```javascript  
$(function() {  
function nav_nav() {  
var src = "http://www.example.com/"; // 替换为你自己的网站地址  
  
if (src.indexOf("jg") !== -1) {  
if (src.indexOf("yjgl") !== -1) {  
$(".nav ul li:eq(3)").addClass("nav-active").siblings().removeClass("nav-active");  
} else {  
$(".nav ul li:eq(1)").addClass("nav-active").siblings().removeClass("nav-active");  
}  
} else if (src.indexOf("dt") !== -1) {  
if (src.indexOf("lxwm") !== -1) {} else {  
$(".nav ul li:eq(2)").addClass("nav-active").siblings().removeClass("nav-active");  
}  
}  
}  
  
// 在页面加载完成后执行导航栏效果函数  
$(document).ready(nav_nav);  
});  

以上代码仅为示例，请根据实际情况进行修改和完善。记得将http://www.example.com/替换为你自己的网站地址，并确保引入了正确的jQuery库文件。