這個效果其實可以用jQuery的animate方法來實現(xiàn)，首先你需要給按鈕綁定一個點擊事件，然后判斷當(dāng)前的狀態(tài)，比如可以設(shè)置一個變量來記錄是否已經(jīng)移動過。當(dāng)?shù)谝淮吸c擊按鈕時，讓div的left屬性減小，比如從100%變?yōu)?%，實現(xiàn)從右往左的移動；再次點擊時再把它移回去，也就是left從0%變回100%。用animate的話動畫過渡會比較平滑，記得設(shè)置position為absolute或者relative，不然left屬性可能不會生效
-
-
其實jQuery實現(xiàn)這個不難，主要是邏輯要理清楚。你可以給按鈕添加一個點擊事件監(jiān)聽器，然后在這個事件處理函數(shù)里面判斷當(dāng)前的位置。比如可以用一個變量isMoved來記錄是否已經(jīng)移動過。然后用animate方法去改變div的left屬性，讓它從右往左動，或者從左往右動。注意div的position必須是absolute或fixed，不然left和right屬性不會生效。這樣就能實現(xiàn)來回切換的動畫效果了
-
你可以這樣寫代碼，先給按鈕綁定點擊事件，然后通過判斷div的當(dāng)前位置來決定往哪邊動。比如可以用offset()方法獲取當(dāng)前位置，或者你自己維護(hù)一個狀態(tài)變量。然后用animate方法來改變left的值，比如從100%變成0%，再從0%變回去。也可以用animate的+=或者-=來實現(xiàn)相對移動。不過如果你想讓它每次都在屏幕范圍內(nèi)移動，最好還是用百分比或者固定值來控制位置，這樣更可控一些
-
100%。然后給按鈕綁定點擊事件，每次點擊的時候判斷一下當(dāng)前的位置，然后決定是移到左邊還是移回來。可以用一個變量來記錄狀態(tài)，比如varmoved=false，點擊的時候根據(jù)這個變量來決定怎么動。記得設(shè)置div的position為absolute或者relative，不然left屬性不會生效。整個過程動畫會比較流暢，用戶體驗好一些
-
我覺得你可以用toggle方法來實現(xiàn)切換效果，不過現(xiàn)在toggle好像不推薦用了，可以自己用一個變量來記錄狀態(tài)。比如一開始div在右邊，點擊按鈕就讓它移動到左邊，再點回來。用animate方法設(shè)置left的值，比如從100%到0%，或者反過來。你還可以用toggleClass來控制位置，這樣CSS和JS分離會比較清晰，不過具體還是要看你的布局和需求怎么寫了
最新回答 更多>
相關(guān)問答
- 幫我推薦一款超級方便使用的屏幕錄像軟件。謝謝啦~
- 超級舞者大賽禮包里有什么東西？
- vivo120w充電器怎么辨別是不是氮化鎵
- 地下城與勇士火屬性強化到120點加多少傷害
- 超級搞笑謎語
- 誰能做一下LISP和PROLOG的比較
- 會員和超級哪個更好呢
- 小米14可不可以用120w充電器充電
- 黑神話悟空和數(shù)字豪華版區(qū)別
- 樂視超級電視l403s3腫么聯(lián)網(wǎng)
- 為何超級用戶授權(quán)以后qq截圖是白屏
- Linux 使用的安裝軟件包問題?
- linux投影指令linux投影
- FC15 Linux 如何修改成啟動后終端方式，vi 如何才能編輯文本，如何保存，如何退出？
- 華為超級閃充怎么開啟？