动态的改变标签内的src属性

<body>

<ul>

</ul>

样式部分：

.on {

color:red;

}

JS部分：前提已经已经JQuery了

$(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>

巴特西