1、首先到jQuery官网下载js库,网址为http://jquery.com/ 2、建立一个jQuery示例的项目。 3、将js库放到jQuery示例的项目中。 4、写一个html页面 复制代码 代码如下: Insert title here <BR>.bg{ <BR>/*背景颜色*/ <BR>background: #f00; <BR>/*字体颜色*/ <BR>color: #fff; <BR>width: 80px; <BR>} <br><br>ul, li { <BR>/*清除ul和li上默认的小圆点*/ <BR>list-style: none; <BR>} <br><br>ul { <BR>/*清除子菜单的缩进值*/ <BR>padding: 0;/*IE8,IE9,火狐可以;IE7,IE6,IE5.5不行*/ <BR>margin: 0;/*都可以了*/ <BR>} <br><br> <BR>$(function(){ <BR>//setColor是鼠标移动的方法 <BR>$("li").mouseover(setColor).mouseout(setColor); <br><br>function setColor(){ <BR>//如果存在(不存在)就删除(添加)一个类 <BR>$(this).toggleClass("bg"); <BR>} <BR>}); <BR> 横向菜单1 横向菜单2 横向菜单3 横向菜单4 横向菜单5 横向菜单6 5、运行效果图