在许多
网站上,我们会
发现当
鼠标滑过一张
图片时,图片被切换到另一张图片。
在编写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);
});
});
这里令人费解的是,为什么要加载图片因为它看起来不像我们在
本地的调试,所以图片
下载得很快,如果是在互联网上,当鼠标滑过正在切换的图片时,
替换的图片会被暂时下载,加载图片的过程很慢,所以我们预装图片来
解决这个问题。