在许多网站上,我们会发现当鼠标滑过一张图片时,图片被切换到另一张图片。

在编写Javascript代码之前,我们必须有实验性的HTML代码。
复制代码代码如下所示:



jQuery的图像处理


<!——
下面是下面的代码,豆芽会写









下面是js代码的重点
复制代码代码如下所示:
$(文档)Ready(函数(){)
VaR景新=新(图像); / /预加载图片
oldimage = $(var 'img)。Attr('src);
newimage.src = '。 / / img03 jpg图像;
$('img)。Hover(function(){ / /鼠标经过图像切换
$('img)。Attr('src,景新,SRC);
},
函数(){
$('img)。Attr('src ',oldimage);
});
});

这里令人费解的是,为什么要加载图片因为它看起来不像我们在本地的调试,所以图片下载得很快,如果是在互联网上,当鼠标滑过正在切换的图片时,替换的图片会被暂时下载,加载图片的过程很慢,所以我们预装图片来解决这个问题。