jquery toggle 的切換顯示 可用 a超連結的切換
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").toggle(function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
});
</script>
</head>
<body>
<button>請點選這裡，來切換不同的背景顏色</button>
</body>
</html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").toggle(function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
});
</script>
</head>
<body>
<button>請點選這裡，來切換不同的背景顏色</button>
</body>
</html>
相關文章
- 商品顯示模式切換模式
- jQuery點選按鈕實現div的隱藏和顯示切換效果jQuery
- JavaScript點選切換div的顯示和隱藏JavaScript
- jquery中點選切換的實現jQuery
- div的顯示和隱藏切換程式碼例項
- 程式切換（上下文切換）
- jQuery手風琴圖片切換jQuery
- DG的切換操作
- 【 開源計劃 - 元件包 】 旋轉切換 toggle_rotate元件
- 點選同一按鈕顯示隱藏切換
- 點選密碼框明文和密文顯示切換密碼
- Oracle VM VirtualBox各種顯示模式切換 熱鍵Oracle模式
- 安卓-自動切換APP圖示安卓APP
- webpack介面環境切換的配置-超簡單Web
- jQuery 圖片垂直切換效果詳解jQuery
- postgresql10主從+keepalived高可用自動切換(切換關鍵在指令碼)SQL指令碼
- 點選按鈕實現隱藏和顯示的切換程式碼
- oracle 切換undo tablespace小結Oracle
- Weblogic產品模式切換與JVM切換Web模式JVM
- linux shell的切換Linux
- mysql mha 主從自動切換 高可用MySql
- jquery實現的具有漸變效果的圖片切換jQuery
- MySQL高可用方案MHA線上切換的步驟及原理MySql
- JN專案-切換選項卡顯示隱藏問題
- js實現的點選連結<a>實現切換背景顏色JS
- windows10切換輸入法螢幕顯示怎麼設定 win10設定輸入法切換螢幕顯示操作方法WindowsWin10
- 切換 PHP 版本PHP
- ubuntu切換源Ubuntu
- Git分支切換Git
- MMM切換原理
- oracle dataguard 切換Oracle
- asm 磁碟切換ASM
- 切換IP地址
- 切換java版本Java
- jquery另外一種類似tab切換效果jQuery
- JQuery實現簡單美觀的圖片切換效果jQuery
- RAC的VIP切換測試
- 關於PHP的切換版本PHP