<div class="codetitle"> <span><a style="CURSOR: pointer" data="55134" class="copybut" id="copybut55134" onclick="doCopy('code55134')"><u>复代码</u></a></span> 代码如下:</div> <div class="codebody" id="code55134"> <br><script type="text/javascript" src="js/ jquery.min.js"></script> <br><script type="text/javascript"> <br>$(function(){ <br>$("li").hover(function(){ <br>$(this).addClass("ho"); <br>}, <br>function( ){ <br>$(this).removeClass("ho"); <br>}) <br>$("li").click(function(){ <br>$(this).removeClass(" ho").addClass("xiaoshi").siblings().removeClass("xiaoshi"); <br>}); <br>}) <br></script> <br><style type="text/css"> <br>li{배경색상:#099; 부동:왼쪽; 너비:50px; 높이:25px; 여백-왼쪽:1px; 목록 스타일:없음;} <br>.xiaoshi{배경색:#FF0;} <br>.ho{배경색:#F00;} <br></style> <br></head> <br><본문> <br><div> <br><ul> <br><li>我第1</li> <br><li>我第2</li> <br><li>我第3</li> <br><li>我第4</li> <br><li>我第5</li> <br><li>我第6</li> <br></ul> <br></div> <br></body><br> </div>