Javascript jQuery滚动图像不工作
我正在编写JavaScript和jQuery的实践教程：缺少的手册（第07章-rollover.html）。指向源文件的链接是 按照说明，在为与图像滚动相关的jQuery功能输入了适当的代码之后，似乎没有任何更改 当我将鼠标移到每一个黑白图像上时，它们似乎并没有变成全彩 jQuery代码是：Javascript jQuery滚动图像不工作,javascript,jquery,html,Javascript,Jquery,Html,我正在编写JavaScript和jQuery的实践教程：缺少的手册（第07章-rollover.html）。指向源文件的链接是 按照说明，在为与图像滚动相关的jQuery功能输入了适当的代码之后，似乎没有任何更改 当我将鼠标移到每一个黑白图像上时，它们似乎并没有变成全彩 jQuery代码是： <script> $(document).ready(function() { $(‘#gallery img’).each(function() { var imgFi
<script>
$(document).ready(function() {
$(‘#gallery img’).each(function() {
var imgFile = $(this).attr('src');
var preloadImage = new Image();
var imgExt = /(\.\w{3,4}$)/;
preloadImage.src = imgFile.replace(imgExt,'_h$1');
$(this).hover(
function() {
$(this).attr('src',preloadImage.src);
},
function() {
$(this).attr('src',imgFile);
}
);// end hover
});// end each
}); // end ready
</script>
$（文档）.ready（函数（）{
$（“#图库img”）。每个（函数（）{
var imgFile=$（this.attr（'src'）；
var preload Image=新图像（）；
var imgExt=/（\。\w{3,4}$）/；
preload image.src=imgFile.replace（imgExt，“u h$1”）；
$（此）。悬停(
函数（）{
$（this.attr（'src'，preload-image.src）；
},
函数（）{
$（this.attr（'src'，imgFile）；
}
)；//结束悬停
})//结束每一个
}); // 准备就绪
<body>
<div class="wrapper">
<div class="header">
<p class="logo">JavaScript <i>&</i> jQuery <i class="mm">The<br>Missing<br>Manual</i></p>
</div>
<div class="content">
<div class="main">
<h1>Rollover Images</h1>
<p>Mouse over the images below</p>
<div id="gallery"> <a href="../_images/large/blue.jpg"><img src="../_images/small/blue.jpg" width="70" height="70" alt="blue"></a> <a href="../_images/large/green.jpg"><img src="../_images/small/green.jpg" width="70" height="70" alt="green"></a> <a href="../_images/large/orange.jpg"><img src="../_images/small/orange.jpg" width="70" height="70" alt="orange"></a> <a href="../_images/large/purple.jpg"><img src="../_images/small/purple.jpg" width="70" height="70" alt="purple"></a> <a href="../_images/large/red.jpg"><img src="../_images/small/red.jpg" width="70" height="70" alt="red"></a> <a href="../_images/large/yellow.jpg"><img src="../_images/small/yellow.jpg" width="70" height="70" alt="yellow"></a></div>
</div>
</div>
<div class="footer">
<p>JavaScript & jQuery: The Missing Manual, by <a href="http://sawmac.com/">David McFarland</a>. Published by <a href="http://oreilly.com/">O'Reilly Media, Inc</a>.</p>
</div>
</div>
</body>
JavaScript&查询缺少的
手册
滚动图像
将鼠标移到下面的图像上
JavaScript&；jQuery：缺少的手册。出版人
如果有人能告诉我哪里出了问题，我将不胜感激。谢谢 我找到了问题的解决办法。请参见下面的一行：
$（“#gallery img”）。每个（function（）$（“#gallery img”）