jquery仿蘋果手機IOS開關效果

首先定義一個外層div，裡面的設定一個span作為按鈕可以點擊，當點擊它的時候，使用動畫讓它向右滑動，在滑動的同時，可以更改一些其他屬性，達到更好的效果

<div class="switch-btn">                        <span class="kx-img switch-img-off"></span>                        <span class="point-slide"></span>                        <span class="kx-img switch-img-on"></span>                    </div>js代碼：

<script>    var time=0;    $(".register-next-btn").click(function(){        location.href='register-next.html';    });    $('.switch-btn').click(function(){        time++;        if(time==1){            $(this).css({"background-color":"#d2d2d2"});            $('.point-slide').animate({"left":"44px"});            $('.switch-img-on').hide();            $('.switch-img-off').show();            $('#psw').attr('type','password');        }        if(time==2){            $('.point-slide').animate({"left":"0px"});            $(this).css({"background-color":"#f68484"});            $('.switch-img-on').show();            $('.switch-img-off').hide();            $('#psw').attr('type','text');            time=0;        }             });</script>

效果圖：