這個效果其實可以用jQuery的animate方法來實現，首先你需要給按鈕綁定一個點擊事件，然后判斷當前的狀態，比如可以設置一個變量來記錄是否已經移動過。當第一次點擊按鈕時，讓div的left屬性減小，比如從100%變為0%，實現從右往左的移動；再次點擊時再把它移回去，也就是left從0%變回100%。用animate的話動畫過渡會比較平滑，記得設置position為absolute或者relative，不然left屬性可能不會生效
-
-
其實jQuery實現這個不難，主要是邏輯要理清楚。你可以給按鈕添加一個點擊事件監聽器，然后在這個事件處理函數里面判斷當前的位置。比如可以用一個變量isMoved來記錄是否已經移動過。然后用animate方法去改變div的left屬性，讓它從右往左動，或者從左往右動。注意div的position必須是absolute或fixed，不然left和right屬性不會生效。這樣就能實現來回切換的動畫效果了
-
你可以這樣寫代碼，先給按鈕綁定點擊事件，然后通過判斷div的當前位置來決定往哪邊動。比如可以用offset()方法獲取當前位置，或者你自己維護一個狀態變量。然后用animate方法來改變left的值，比如從100%變成0%，再從0%變回去。也可以用animate的+=或者-=來實現相對移動。不過如果你想讓它每次都在屏幕范圍內移動，最好還是用百分比或者固定值來控制位置，這樣更可控一些
-
100%。然后給按鈕綁定點擊事件，每次點擊的時候判斷一下當前的位置，然后決定是移到左邊還是移回來。可以用一個變量來記錄狀態，比如varmoved=false，點擊的時候根據這個變量來決定怎么動。記得設置div的position為absolute或者relative，不然left屬性不會生效。整個過程動畫會比較流暢，用戶體驗好一些
-
我覺得你可以用toggle方法來實現切換效果，不過現在toggle好像不推薦用了，可以自己用一個變量來記錄狀態。比如一開始div在右邊，點擊按鈕就讓它移動到左邊，再點回來。用animate方法設置left的值，比如從100%到0%，或者反過來。你還可以用toggleClass來控制位置，這樣CSS和JS分離會比較清晰，不過具體還是要看你的布局和需求怎么寫了