JQuery操作class属性实现按钮开关效果的例子
本文导语: 用JQuery对class属性的操作方法，在页面中实现按钮的开关效果。 首先，定义两个class： 代码示例: .controlOff{ display:inline-block; width:130px; height:36px; cursor:pointer; background-image:url("/iclass/images/teach_off.png"); background-repeat: ...
用JQuery对class属性的操作方法，在页面中实现按钮的开关效果。
首先，定义两个class：
.controlOff{
display:inline-block;
width:130px;
height:36px;
cursor:pointer;
background-image:url("/iclass/images/teach_off.png");
background-repeat: no-repeat;
}
.controlOn{
display:inline-block;
width:130px;
height:36px;
cursor:pointer;
background-image:url("/iclass/images/teach_on.png");
background-repeat: no-repeat;
}
然后，定义一个超链接标签：
最后，实现切换效果的JS脚本：
function switchTeachControl(){
var target = $("#teachControl");
if(target.hasClass("controlOff")){
target.removeClass("controlOff");
target.addClass("controlOn");
}else{
target.removeClass("controlOn");
target.addClass("controlOff");
}
}
您可能感兴趣的文章:
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。