您好,欢迎来到人脉娱乐。
搜索
您的当前位置:首页jQuerytoggleClass应用实例(附效果图)_jquery

jQuerytoggleClass应用实例(附效果图)_jquery

来源:人脉娱乐


1、首先到jQuery官网下载js库,网址为http://jquery.com/

2、建立一个jQuery示例的项目。

3、将js库放到jQuery示例的项目中。

4、写一个html页面
代码如下:








Insert title here


$(function(){
//setColor是鼠标移动的方法
$("li").mouseover(setColor).mouseout(setColor);

function setColor(){
//如果存在(不存在)就删除(添加)一个类
$(this).toggleClass("bg");
}
});





  • 横向菜单1

  • 横向菜单2

  • 横向菜单3

  • 横向菜单4

  • 横向菜单5

  • 横向菜单6






  • 5、运行效果图

    Copyright © 2019- rmkl.cn 版权所有

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务