Fw: [問題] Jquery animate的問題

[DongFeng (Little Five)]

※ [本文轉錄自 Ajax 看板 #1IanC9Te ]

作者: DongFeng (Little Five) 看板: Ajax
標題: [問題] Jquery animate的問題
時間: Mon Nov 25 17:06:12 2013

大家好, 我在使用jquery的時候有遇到幾個問題想向大家請教

首先要麻煩大家看一下http://www.trump.com/這個網站

我想用Jquery寫出首頁Flash動畫中滑鼠滑過圖片會凸顯該張圖片的特效

程式碼如下 http://imgur.com/FdiTzTC

其中.gallery-black是圖片的容器, 我透過改變容器的margin跟裡頭的兩張圖片(一張是
圖片本身一張是圖片投影)的大小來達到我想要的效果

但當我快速在圖片列上左右滑動的時候整列圖片會變得像是蛇一樣蠕動或是單張圖片像
有心跳一樣跳來回放大縮小

我知道這是滑鼠移出進入下一個動畫時上一個動畫尚未結束的關係, 但一直想不到有甚麼
辦法可以解決這個問題, google查到stop()好像可解決這個問題, 但我一直弄不清楚
stop()是要擺在我的程式碼的哪個位置(嘗試過幾個位置都會造成圖片動畫後不會回復到
原來的樣子), 希望有同樣經驗且知道解決辦法的板友能提點我一下

麻煩大家了, 謝謝!

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.33.9.244

※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: DongFeng (114.33.9.244), 時間: 11/25/2013 17:06:48
→ mmis1000:麻煩貼http://jsfiddle.net/給我們截圖很難除錯
→ DongFeng:http://jsfiddle.net/Tsv6h/ 有了 可是我不知道怎麼連圖
→ DongFeng:片耶 要丟到圖片空間在連網址嗎
推 mmis1000:剛看了一下，應該無法用animate做，用onmousemove自己刻
→ mmis1000:才有辦法做到那種特效
推 geniuswen:search "mac dock style" 有很多類似的效果
推 mmis1000:http://goo.gl/jOssq2 這個？
推 rangerjero:stop(true)
推 rangerjero:stop(true).animate...............
改成stop(true).animate()之後確實沒有"非被指定元素"不正常縮放和抖動的狀況了,
感謝上幾位, 另外有前輩推薦的仿MAC MENU的套件也挺吸引我的, 謝謝各位不吝嗇指教,
感蝦~
※ 編輯: DongFeng        來自: 114.33.9.244         (12/10 09:21)