使這一Flash動作--Greyed的CSS複製出圖像和彈出項目上懸停

Question

嗨 我想只用CSS/Javascript來複制這個動作。 （我需要它在iPad/iPhone的工作）

我已經四處搜尋，但所有我能找到的彈出菜單，以及調光照片沒有提及。 （我的將會有6個而不是2個）。

http://www.lifefitness.com

有沒有辦法單獨CSS和JavaScript來做到這一點？

預先感謝您的答案。

Answer 1

看jQuery animate()的運動效果。對圖像的視覺效果是通過交換模糊版本的圖像來完成的。

Answer 2

我同意狄奧狄斯

使兩個圖像，一個正常和一個模糊。使用jquery.animate()來交換它們之間的不透明度，並用js觸發它們，當您在一個方向或其他方向上拖動它時，它會檢查「滑塊按鈕」的位置。

而且不要忘了預載的圖片，這樣效果會平穩運行。在Flash中，它更容易，因爲你有一個「模糊」效果，而在CSS中你不會。