 
.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; 
} 

再定義一個超鏈接標簽：

復(fù)制代碼代碼如下:

接著寫JS腳本完成切換效果：

復(fù)制代碼代碼如下:

 
function switchTeachControl(){ 
var target = $("#teachControl"); 
if(target.hasClass("controlOff")){ 
target.removeClass("controlOff"); 
target.addClass("controlOn"); 

}else{ 
target.removeClass("controlOn"); 
target.addClass("controlOff"); 

} 
} 

您可能感興趣的文章:

相關(guān)文章

基于JQuery的列表拖動排序?qū)崿F(xiàn)代碼
基于JQuery的拖動插件有幾個都相當(dāng)好用，效果也很好，但再好，還是自己琢磨一個最好。所以，我的理念就是即使實際項目中使用別人的程序，自己也得根據(jù)自己的理解和想法寫一個出來。那么今天，就來看看我的思路是不是可以實現(xiàn)拖動排序的功能
2013-10-10
checkbox 選中一個另一個checkbox也會選中的實現(xiàn)代碼
本文給大家?guī)砹薱heckbox選擇器之checkbox 選中一個另一個checkbox也會選中的實現(xiàn)代碼，非常不錯，有需要的可以參考下
2016-07-07
jquery 將當(dāng)前時間轉(zhuǎn)換成yyyymmdd格式的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query 將當(dāng)前時間轉(zhuǎn)換成yyyymmdd格式的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考
2016-06-06
jquery ajax提交表單數(shù)據(jù)的兩種實現(xiàn)方法
貌似AJAX越來越火了，作為一個WEB程序開發(fā)者要是不會這個感覺就要落伍，甚至有可能在求職的時候?qū)冶惶蕴Ｎ乙彩且粋€WEB程序開發(fā)者，當(dāng)然我也要“隨波逐流”一把，不然飯碗不保?。?/div> 2010-04-04
jsTree 基于JQuery的排序節(jié)點 Bug
jsTree(JQuery) 排序節(jié)點 Bug的解決方法。
2011-07-07
jquery操作ID帶有變量的節(jié)點實例
下面小編就為大家?guī)硪黄猨query操作ID帶有變量的節(jié)點實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-12-12
jQuery控制元素隱藏和顯示
本篇文章主要介紹了jQuery控制元素隱藏和顯示的相關(guān)知識，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
jquery tools系列 expose 學(xué)習(xí)
不知不覺，已經(jīng)進行到了jquery tools六大功能的第五個功能——expose的學(xué)習(xí)了，廢話不多說，直接進入正題。
2009-09-09
jQuery隊列操作方法實例
這篇文章主要介紹了jQuery隊列操作方法實例,總結(jié)出了一個簡潔優(yōu)雅的隊列控制方法,需要的朋友可以參考下
2014-06-06
jQuery Chart圖表制作組件Highcharts用法詳解
這篇文章主要介紹了jQuery Chart圖表制作組件Highcharts用法,詳細分析了Highcharts插件的功能與具體使用技巧及相關(guān)注意事項,需要的朋友可以參考下
2016-06-06