<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Jquery的toggleClass效果的文字切換</title><style>* {margin:0; padding:0;}ol,ul,li{list-style:none;}em,i{font-style:normal;}.sp { width:455px; border:2px solid #ddd; padding:15px; margin:0 auto;}.sp p {line-height:22px;text-indent: 2em;margin-bottom:12px;}.on p { color:#0066FF;}.sp span { display:block; width:88px; height:32px; text-align:center; border:1px solid #ddd; line-height:32px;}.sp span:hover { background-color:#efefef; cursor:pointer;}</style></head><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><body><div class="sp"><p>占領(lǐng)戰(zhàn)可以說是今年這場PK賽里面最為快節(jié)奏的一場賽事了。在一定時間內(nèi)，兩方誰先獲得最高分就能取得小組的勝利；在這樣一場較量中，拼的也就是一個快字了。在這樣的比賽中，高機動性的職業(yè)可能就會呈現(xiàn)較大的優(yōu)勢。比拼手速的時間到了，大家趕緊動起來！</p><p> 在小組賽中，保護隊長戰(zhàn)可謂是集齊了隊長的一百種死法??！各種大招一波帶啦，隊長狗帶；抓住隊長啦，隊長狗帶；不小心落單啦，隊長狗帶；犢子護不住啦，隊長狗帶……讓我們先心疼隊長一分鐘！不得不說，保護隊長戰(zhàn)實在是非?？简灤蠹以趫F隊中的機動性和對全局觀的控場性的；恩，隊長的逃跑能力也是要非常的666才行。不過，到目前為止的保護隊長戰(zhàn)，各個小組之間的競爭還是十分激烈的，看來今年大家的實力都相當(dāng)之強勁??！</p><span class="btt">黑色</span></div><script>$(document).ready(function(){$(".btt").click(function(){$(".sp").toggleClass("on");$(this).html("藍色");});});</script></body></html>========================雖然點擊按鈕有變色效果了，但是這個字怎么切換不回來了。點擊按鈕，字變“藍色”，再次點擊，又變回”黑色“。這樣
2 回答
狐的傳說
TA貢獻1804條經(jīng)驗 獲得超3個贊
<script language="javascript">$("#angelweb").click(function(){ $(this).toggleClass("on"); });</script>
- 2 回答
- 0 關(guān)注
- 325 瀏覽
添加回答
舉報
0/150
提交
取消