将图片更改为与悬停相关的另一张图片

时间:2015-09-21 07:06:31

标签: javascript jquery html css

目标
将光标放在图像上时,应将其更改为此图像:

enter image description here

问题
在这种情况下,我不知道如何解决。

源代码取自此插件:

scrollup-jquery-plugin

简化版位于JSFiddle

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

我没有更改javascript源代码中的任何内容。

请帮助我。

2 个答案:

答案 0 :(得分:1)

使用update tw__Tow set tw_SeAu = '0' where tw_Symbol = '0110'; update tw__Tow set tw_SeAu = '5' where tw_Symbol = '0125'; update tw__Tow set tw_SeAu = '1' where tw_Symbol = '253'; 表示法:

:hover

对于未来:这不应该是你自己难以找到的。有时使用带有您想到的关键字的搜索引擎+“CSS”会产生相当可靠的结果。

答案 1 :(得分:1)

您可以使用css :hover伪。

价:

  

:hover CSS伪类在用户指定时匹配   带指点设备的元素,但不一定要激活它。   任何其他与链接相关的伪类都可以覆盖此样式,   即:link,:visited和:active,出现在后续规则中。   为了设置适当的链接样式,您需要设置:hover规则   在:link和:visited规则之后但在:active one之前,as   由LVHA订单定义:: link - :visited - :hover - :active。

代码:

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

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