jQuery实现了对类属性操作的按钮切换效果。

本文使用jQuery的操作方法对类属性实现了页面中按钮开关的效果。

首先,定义两个类:
复制代码代码如下所示:
controloff {。
显示:内联块;
宽度:130px;
身高:36px;
光标:指针;
背景图像:URL(, / / / teach_off iCLASS图像。png);
后台重复:不重复;
}

对{。
显示:内联块;
宽度:130px;
身高:36px;
光标:指针;
背景图像:URL(, / / / teach_on iCLASS图像。png);
后台重复:不重复;
}

重新定义超链接标签:
复制代码代码如下所示:


然后编写js脚本来完成切换效果:
复制代码代码如下所示:
功能switchteachcontrol(){
目标= $(var# teachcontrol );
如果(target.hasclass(controloff )){
Target.removeClass(controloff );
Target.addClass(控制);

其他{ }
Target.removeClass(控制);
Target.addClass(controloff );

}
}