<body>
<ul>
<li class='on'>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<a href='#'>0000</a>
</ul>
样式部分：
.on {
color:red;
}
JS部分：前提已经已经JQuery了
<script>
$(document).ready(function(){
$('li').mouseenter(function(){
$(this).addClass('on').siblings('li').removeClass('on'); 鼠标移到哪个li ,加上on这个类，其他兄弟元素去掉on这个类
var index = $(this).index(); //获取当前的索引值
console.log(index); //打印这个索引值
if(index==0) {
$('a').attr('src','www.baidu.com');
}else if(index==1){
$('a').attr('src','www.sougou.com');
}else if(index==2){
$('a').attr('src','www.taobao.com');
}else {
$('a').attr('src','www.jd.com');
}
})
})
</script>