코드는 매우 간단합니다. 여기에는 BB가 많지 않으므로 그냥 제시하세요 코드 복사 코드는 다음과 같습니다. 문서 <br /> body,ul,li{여백:0; 목록 스타일:없음}<br /> ul li{너비:100px; 높이:100px; 테두리:1px 솔리드 #f00; 여백:50px 10px; ul li.current{border:1px solid #dfdfdf 배경색:#ff0000;}<br /> </스타일><br /> <script type="text/javascript" src="<br />http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"><a href="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js">">> </머리><br /> <본문><br /> <h1>아래 블록 위로 마우스를 이동하세요<br /> <ul><br /> > > > > <br /> </본문><br /> <br /> <script type="text/javascript"><br /> $("ul li").mouseover(function()<br /> {<br /> $(this).addClass("현재");<br /> }).mouseout(function() <br /> {<br /> $(this).removeClass("현재"); });<br /> <br /> <br /><br /> <br />아주 간단한 코드이니 참고하시고 자유롭게 확장해보시길 바랍니다. <br />