更改圖片到有關另一張照片徘徊

Question

目標：
當你有你的光標移到圖像，應該變成這個形象：

問題：
我不知道在這方面如何解決。

的源代碼是從這個插件採取：

scrollup-jquery-plugin

的簡化版本位於JSFiddle

$(function(){ 
     $.scrollUp({scrollText: false }); 
    }); 

我沒有在JavaScript源代碼改變任何東西。

請幫我介紹一下。

Answer 1

用戶:hover符號：

#scrollUp:hover { 
     background-image: url("https://cdn0.iconfinder.com/data/icons/sweets/128/lollypop_blue_candy.png"); 
    } 

，併爲未來：這不應該是很難找到自己。有時使用帶有關鍵字的搜索引擎+「CSS」會產生相當穩定的結果。

Answer 2

您可以使用css :hover僞。

價：

的：當用戶指定利用指示設備的 元素，但並不必然激活它懸停CSS僞類匹配。 這種風格可能會被任何其他與鏈接相關的僞類 所覆蓋，即：link，：visited和active，出現在後續規則中。 爲了適當地設置鏈接的樣式，您需要在：鏈接和：受訪規則之後但在：活動鏈接之前放置：懸停規則 ，如LVHA-order所定義的 ：：link - ：visited - ：hover - ：活性。

代碼：

#scrollUp:hover { 
    background-image: url("https://cdn0.iconfinder.com/data/icons/sweets/128/lollypop_blue_candy.png"); 
} 

演示：https://jsfiddle.net/y0ofjye1/