1. 먼저 jQuery 공식 홈페이지(http://jquery.com/)에서 js 라이브러리를 다운로드합니다. 2. jQuery 예제 프로젝트를 생성합니다. 3. js 라이브러리를 jQuery 예제 프로젝트에 넣습니다. 4. HTML 페이지 작성 코드 복사 코드는 다음과 같습니다. ;html> ="author" content="Kong.Yee"/> < ;/script> <br><title>여기에 제목 삽입</title> <br><style type="text/css"> <br>.bg{ <br>/*배경 색상*/ <br>배경: #f00; <br>/*글꼴 색상*/ <br>색상: #fff <br>너비: 80px <br>} ul, li { <br>/*ul 및 li의 기본 점 지우기*/ <br>list-style: none <br>} <br><br>ul { <br>/*하위 메뉴의 들여쓰기 값 지우기*/ <br>padding : 0;/*IE8, IE9, Firefox는 괜찮습니다. IE7, IE6, IE5.5는 괜찮습니다*/ <br>margin: 0;/*모두 괜찮습니다*/ <br>} <br><br></style> ; <BR><script type="text/javascript"> <br>$(function(){ <br>//setColor는 마우스 이동 방법입니다<br>$("li" ).mouseover(setColor) .mouseout(setColor); <br><br>function setColor(){ <br>//존재하는 경우(존재하지 않는 경우) 클래스 삭제(추가) <br>$(this) .toggleClass("bg"); <br>} <br>}) <br></head> <br><div id=" div"> <br>< ;ul> <br><li>가로 메뉴 1</li> <br><li>가로 메뉴 2</li> <br><li>가로 메뉴 3< /li><br> </li> <li>가로 메뉴 4</li> <br><li>가로 메뉴 5</li> <br><li>가로 메뉴 6<br>< /ul><br></body> <br><br> <br>5.</li> </div>