當用戶點擊圖像時，你如何應用「umph」效果？

-2

當圖片被點擊時，有點像有點縮進....圖像會向內「移動」幾個像素。然後當鼠標按鈕關閉時，圖片恢復正常。這就像大多數按鈕所具有的「沮喪」狀態。當用戶點擊圖像時，你如何應用「umph」效果？

理想情況下，有沒有一個JQuery插件？

來源

2010-11-13 TIMEX

你能再描述一下所需的效果嗎？ – 2010-11-13 05:05:10

@Surreal我相信他的意思是通過在鼠標按下時反轉邊框的方式來使按鈕顯得沮喪。我從來沒有聽說過這種稱爲「umph」的完全標準行爲，它可能不是最好的選擇。 – meagar 2010-11-13 05:17:54

當鼠標關閉時，大多數按鈕的鬱悶度都是「umph」狀態。 – TIMEX 2010-11-13 05:23:01

你不需要這個jQuery插件。以下內容將鼠標向下並向右移動兩個像素，然後將鼠標移回原始位置。

$(".my_element").mousedown(function() { 
    $(this).animate({ top : '+=2', left : '+=2' }); 
}).mouseup(function() { 
    $(this).animate({ top : '-=2', left : '-=2' }); 
});

來源

2010-11-13 05:20:56 meagar

你可以使用一些簡單的CSS來做到這一點：

a:active img { 
    margin: 2px -2px -2px 2px; 
}

負利潤率有抵消積極的利潤，以防止發生變化，影響周圍的元件在錨固的寬度和高度。見this simple jsfiddle看到這個工作現場。

來源

2010-11-13 05:30:09

當用戶點擊圖像時，你如何應用「umph」效果？

回答

相關問題