<!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>占領戰可以說是今年這場PK賽里面最為快節奏的一場賽事了。在一定時間內，兩方誰先獲得最高分就能取得小組的勝利；在這樣一場較量中，拼的也就是一個快字了。在這樣的比賽中，高機動性的職業可能就會呈現較大的優勢。比拼手速的時間到了，大家趕緊動起來！</p><p> 在小組賽中，保護隊長戰可謂是集齊了隊長的一百種死法?。「鞣N大招一波帶啦，隊長狗帶；抓住隊長啦，隊長狗帶；不小心落單啦，隊長狗帶；犢子護不住啦，隊長狗帶……讓我們先心疼隊長一分鐘！不得不說，保護隊長戰實在是非常考驗大家在團隊中的機動性和對全局觀的控場性的；恩，隊長的逃跑能力也是要非常的666才行。不過，到目前為止的保護隊長戰，各個小組之間的競爭還是十分激烈的，看來今年大家的實力都相當之強勁啊！</p><span class="btt">黑色</span></div><script>$(document).ready(function(){$(".btt").click(function(){$(".sp").toggleClass("on");$(this).html("藍色");});});</script></body></html>========================雖然點擊按鈕有變色效果了，但是這個字怎么切換不回來了。點擊按鈕，字變“藍色”，再次點擊，又變回”黑色“。這樣
2 回答
狐的傳說
TA貢獻1804條經驗 獲得超3個贊
<script language="javascript">$("#angelweb").click(function(){ $(this).toggleClass("on"); });</script>
- 2 回答
- 0 關注
- 330 瀏覽
添加回答
舉報
0/150
提交
取消