function commodity() { var ul=document.getElementById("muen"); var li =ul.getElementsByTagName("li"); for(var i=0;i<li.length;i++) { li[i].onmousemove=function() { var div=document.getElementById ("divcalss").getElementsByTagName("div"); var li1=document.getElementById("muen").getElementsByTagName("li");
{
var ul=document.getElementById("muen");
var li =ul.getElementsByTagName("li");
for(var i=0;i<li.length;i++)
{
li[i].onmousemove=function()
{
var div=document.getElementById ("divcalss").getElementsByTagName("div");
var li1=document.getElementById("muen").getElementsByTagName("li");
for(var i=0;i<li1.length;i++ )
{
if(li1[i]==this)
{
li1[i].style.background="red";
div[i].style.display="";
}
else{
li1[i].style.background="white";
div[i].style.display="none";
}
}
}
}
}
</script>
<div style="width:100%" >
<ul id="muen" >
<li>书籍印品推荐</li>
<li>简单印品推荐</li>
</ul>
</div>
<div id="divcalss" style=" border-top:10px">
<div>
123
</div>
<div>
456
</div>
</div>