我正在努力做到这一点,以便当用户在网站上滚动时,img 会更改为 gif。
HTML
<img src="img/giphy.gif" alt="" id="imgAnimate">
JQUERY
$(document).ready(function()
{
$("#imgAnimate").hover(
function()
{
$(this).attr("src", "img/giphy.gif");
},
function()
{
$(this).attr("src", "img/giphy.png");
});
});
我明白了,但现在是当您将鼠标悬停在 img 上时它会变成 gif。 如何在用户滚动时实现这一点。
谢谢你,如果你能帮助我。
最佳答案
https://jsfiddle.net/q6Lun0dj/1/
使用这个脚本:
(function( $ ) {
$(function() {
var scrollNow = false;
$( window ).scroll(function() {
if(!scrollNow){
scrollNow = true;
$("#imgAnimate").attr("src", "http://bart.aoweb.nl/template%205/img/giphy.gif");
}
clearTimeout( $.data( this, "scrollCheck" ) );
$.data( this, "scrollCheck", setTimeout(function() {
scrollNow = false;
$("#imgAnimate").attr("src", "http://bart.aoweb.nl/template%205/img/giphy.png");
}, 250) );
});
});
})( jQuery );
关于javascript - 滚动事件上的jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37482207/