题目有点简单，不清楚具体问题是什么。
下面写了一下关于鼠标移入移出，li变色的例子，仅供参考。
思路：当鼠标移入时，修改li的背景色，直接用background修改就可以。
鼠标移出时，恢复原来li的背景色。
<body><ul id="ul">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
<script>
var oUl = document.getElementById('ul')
var aLi = oUl.children
for(var i=0i<aLi.lengthi++){
aLi[i].onmouseover = function(){
this.style.background = 'red'
}
aLi[i].onmouseout = function(){
this.style.background = ''
}
}
</script>
$(document).ready(function(){var li=$("ul li")
li.onclick(function(){
$(this).addClass("blue").siblings().removeClass("blue")
})
})
.blue{background-color:blue}
这个是同页面的；不同页面也要如此效果的话，你只能每个页面的当前li设置底色，没得选。
很简单不用Js，也不用大量代码，关键是样式 里加一句就行：
li:hover {background:#4949d2 border-radius: 8px}
