<p>实现起来很简单~~但是有个遗憾就是当鼠标mouseover名字的时候能出现彩条，这个我jq的选择器不怎么怎么才能选择到。把<br>换成<a>就好选择了，此demo同样适合做菜单效果。-----------------------------------------------------------------------Code--------------------------------------------------------------------------------------------</p><p><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><scriptsrc="scripts/jquery-1.4.1.min.js"type="text/javascript"></script><scripttype="text/javascript">$(function(){$("#qqli:odd").addClass("body");$("#qqli:even").addClass("head").click(function(){$(this).next("li.body").show("slow").siblings("li.body").hide("slow");})$("li:br").mouseover(function(){$(this).css("background","Gray");})})</script><styletype="text/css">ul{list-style-type:none;}.head{background-color:Red;cursor:pointer;}.body{border-color:Blue;border-style:solid;border-width:1px;}</style></head><body><div><ulid="qq"><li>我的好友</li><li>780a<br/>劳务派遣系统软件系统<br/>免费劳务派遣系统软件<br/>劳务派遣系统软件</li><li>免费的劳务派遣系统软件系统</li><li>免费劳务派遣系统软件<br/>免费劳务派遣系统软件<br/>免费劳务派遣系统软件</li><li>免费劳务派遣系统软件</li><li>免费劳务派遣系统软件<br/>免费劳务派遣系统软件<br/>免费劳务派遣系统软件</li><li>免费劳务派遣系统软件</li><li>免费劳务派遣系统软件<br/>免费劳务派遣系统软件<br/>免费劳务派遣系统软件</li><li>免费劳务派遣系统软件</li><li>免费劳务派遣系统软件<br/>免费劳务派遣系统软件<br/>免费劳务派遣系统软件</li></ul></div></body></html></p>
