js鼠标滑过切换

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

在编写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);
});
});

这里令人费解的是,为什么要加载图片因为它看起来不像我们在本地的调试,所以图片下载得很快,如果是在互联网上,当鼠标滑过正在切换的图片时,替换的图片会被暂时下载,加载图片的过程很慢,所以我们预装图片来解决这个问题。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部