用switch語句沒有顯示？？那里面錯了？
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <style>
? ? ? ? p{
? ? ? ? ? ? color:red;
? ? ? ? }
? ? </style>
? ? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
? ? <h2>fadeOut</h2>
? ? <p>測試文字淡入效果</p>
? ? <p>慕課網,專注分享</p>
? ? 淡出的隱藏效果：
? ? <select id="animation">
? ? ? ? <option value="1">fadeOut( )</option>
? ? ? ? <option value="2">fadeOut( "slow" )</option>
? ? ? ? <option value="3">fadeOut( 3000 )</option>
? ? ? ? <option value="4">fadeOut( 1000, complete )</option>
? ? ? ? <option value="5">fadeOut( 1000, "linear" )</option>
? ? ? ? <option value="6">fadeOut( options )</option>
? ? </select>
? ??
? ? </br></br>
? ??
? ? <input id="btnFadeOut" type="button" value="點擊淡出隱藏" />
? ? <input id="btnshow" type="button" value="顯示" />
? ??
? ? <script type="text/javascript">
? ? //【顯示】按鈕
? ? $("#btnShow").click(function() {
? ? ? ? $("p").show();
? ? });
? ? //【隱藏】按鈕
? ? $("#btnFadeOut").click(function() {
? ? ? ? var v = $("#animation").val();
? ? ? ?switch(v){
case 1:$("p").faseOut();break;
case 2:$("p").faseOut('slow');break;
case 3:$("p").faseOut(3000);break;
case 4:$("p").faseOut(2000,function(){
alert("隱藏完畢!")});break;
case 5:$("p").faseOut(1000,linear);break;
default:$("p").faseOut({duration:1000});
}
? ? });
? ? </script>
</body>
</html>
2016-12-23
//錯誤點：
//1.淡出為fadeOut,不是faseOut;
//2.btnShow跟你前面的id名字大小寫不一樣。
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <style>
? ? ? ? p{
? ? ? ? ? ? color:red;
? ? ? ? }
? ? </style>
? ? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
? ? <h2>fadeOut</h2>
? ? <p>測試文字淡入效果</p>
? ? <p>慕課網,專注分享</p>
? ? 淡出的隱藏效果：
? ? <select id="animation">
? ? ? ? <option value="1">fadeOut( )</option>
? ? ? ? <option value="2">fadeOut( "slow" )</option>
? ? ? ? <option value="3">fadeOut( 3000 )</option>
? ? ? ? <option value="4">fadeOut( 1000, complete )</option>
? ? ? ? <option value="5">fadeOut( 1000, "linear" )</option>
? ? ? ? <option value="6">fadeOut( options )</option>
? ? </select>
? ??
? ? </br></br>
? ??
? ? <input id="btnFadeOut" type="button" value="點擊淡出隱藏" />
? ? <input id="btnshow" type="button" value="顯示" />
? ??
? ? <script type="text/javascript">
? ? //【顯示】按鈕
? ? $("#btnshow").click(function() {
? ? ? ? $("p").show();
? ? });
? ? //【隱藏】按鈕
? ? $("#btnFadeOut").click(function() {
? ? ? ? var v = $("#animation").val()
? ? ? ?switch(v){
case 1:$("p").fadeOut();break;
case 2:$("p").fadeOut('slow');break;
case 3:$("p").fadeOut(3000);break;
case 4:$("p").fadeOut(2000,function(){
alert("隱藏完畢!")});break;
case 5:$("p").fadeOut(1000,linear);break;
default:$("p").fadeOut({duration:1000});
}
? ? });
? ? </script>
</body>
</html>
2017-12-14
樓上說的有理，case后應該是字符串'1'等等，還有linear應該加引號才能執行！
2016-12-14
switch在判斷時，使用的是全等，也就是說只有在數值和數據類型都相同的情況下，才可以執行，你上邊的value值的類型為字符串類型，但是你在switch中的條件的數據類型為number類型，二者值不一致，所以無法執行下述操作