jquery image hover transition/fade？

-1

我不太清楚如何調用的效果，因爲我當你說JavaScript或jQuery的不理解上的差異。我無法做任何事情。jquery image hover transition/fade？

所以，我做在HTML/CSS的菜單，我想懸停菜單項時作出的淡入淡出效果。我不確定這樣的事情是否存在，但我發現了幾個例子，但不完全是我所需要的。

http://greg-j.com/static-content/hover-fade.html

http://www.jacklmoore.com/blend

在這兩個東西有，我想，但也有正常的項目/按鈕和懸停部分的影響。

我只有懸停狀態:) 所以它基本上是一個圖像作爲背景的菜單和其他圖像懸停狀態。

是否有任何機會，以使這個「出現/消失」與用於（徘徊），或者必須有正常和懸停狀態，使工作只是一個圖像淡入淡出效果？

來源

2012-07-23 dvLden

你想要一個只有當鼠標進入ir時纔會出現的按鈕，當鼠標熄滅時會消失嗎？ – davidbuzatto 2012-07-23 22:20:25

好，我得到了我的按鈕隊友......我只想說即刻出現和離開該按鈕，出現平穩地走開作爲淡入，淡出效果... :) – dvLden 2012-07-23 22:21:27

像一個閃爍的效果呢？ – davidbuzatto 2012-07-23 22:24:09

退房CSS3過渡。

下面是一些CSS來懸停褪色的元素。

.fade 
{ 
    opacity: 1; 
    transition: opacity .25s ease-in-out; 
    -moz-transition: opacity .25s ease-in-out; 
    -webkit-transition: opacity .25s ease-in-out; 
} 

.fade:hover 
{ 
    opacity: 0.5; 
}

你必須給你的元素.fade類是這樣的：

<p class="fade">This is my text element that will fade when you hover over it.</p>

雖然不一定是文本 - 它可以是一個按鈕，圖像等

摘自http://bavotasan.com/2011/a-simple-fade-with-css3/

來源

2012-07-23 22:29:57 PeteGO

+1但我相信缺乏IE瀏覽器支持。 – Muhd 2012-07-23 22:32:47

好吧，我已經知道這件事了......沒想到它可能實際上適用於這種情況。謝啦。問題解決了。 – dvLden 2012-07-23 22:37:43

jquery image hover transition/fade？

回答

相關問題