这是一个JavaScript代码,用于在点击某个<li>
元素时高亮显示它并隐藏其它同辈的<li>
元素。当鼠标悬停在某个<li>
元素上时,也会添加一个类名hover
。
$(function(){
var $div_li =$("div.news_menu ul li");
$div_li.click(function(){
$(this).addClass("selected")
//当前<li>元素高亮
.siblings().removeClass("selected");
//去掉其它同辈<li>元素的高亮
var index = $div_li.index(this);
//获取当前点击的<li>元素
// 在全部<li>元素中的索引。
$("div.news_box > div") //选取子节点。如果里面还有div,会引起错误。
.eq(index).show() //显示对应的<div>元素
.siblings().hide();
//隐藏其它几个同辈的<div>元素
});
//鼠标悬停事件
$(document).ready(function(){
$(".news_menu").hover(
//鼠标悬停时,添加'hover'类名
function(){
$(this).addClass("hover");
},
//鼠标离开时,移除'hover'类名
function(){
$(this).removeClass("hover");
}
);
});
});
这个网站的主要内容是汽车制造产业中心化传媒载体和汽车零部件制造配套采购信息平台。