Javascript 分区内图像上的JQuery悬停不起作用

当图像悬停但不工作时，图像应该更改

HTML

JQUERY

<script type="text/javascript">
$(document).ready(fucntion()
{
     $("#banner-container").mouseover(function() {
        $("#sqm").hover(function(e) {
            $(this).attr("src","b-3308-2a-active.png");
        },
        function() {
            $(this).attr("src","b-3308-2a.png");    
        });
        $("#pmlc").hover(function(e) {
            $(this).attr("src","b-3308-3-active.png");
        },
        function() {
            $(this).attr("src","b-3308-3.png"); 
        });
        $("#wireless").hover(function(e) {
            $(this).attr("src","b-3308-4-active.png");
        },
        function() {
            $(this).attr("src","b-3308-4.png"); 
        });
        $("#dst").hover(function(e) {
            $(this).attr("src","b-3308-5-active.png");
        },
        function() {
            $(this).attr("src","b-3308-5.png"); 
        });
        $("#nb").hover(function(e) {
            $(this).attr("src","b-3308-2b-active.png");
        },
        function() {
            $(this).attr("src","b-3308-2b.png");    
        });
    });
});

$（文档）.ready（功能（）
{
$（“#横幅容器”）.mouseover（函数（）{
$（“#平方米”）。悬停（函数（e）{
$（this.attr（“src”，“b-3308-2a-active.png”）；
},
函数（）{
$（this.attr（“src”，“b-3308-2a.png”）；
});
$（“#pmlc”）。悬停（函数（e）{
$（this.attr（“src”，“b-3308-3-active.png”）；
},
函数（）{
$（this.attr（“src”，“b-3308-3.png”）；
});
$（“#无线”）。悬停（功能（e）{
$（this.attr（“src”，“b-3308-4-active.png”）；
},
函数（）{
$（this.attr（“src”，“b-3308-4.png”）；
});
$（“#dst”）。悬停（函数（e）{
$（this.attr（“src”，“b-3308-5-active.png”）；
},
函数（）{
$（this.attr（“src”，“b-3308-5.png”）；
});
$（“#nb”）.悬停（函数（e）{
$（this.attr（“src”，“b-3308-2b-active.png”）；
},
函数（）{
$（this.attr（“src”，“b-3308-2b.png”）；
});
});
});

---

我不知道为什么它不起作用。

你的代码有输入错误。否则，您的代码将正常工作

非

$（文档）.ready（函数（）

使用

$（文档）.ready（函数（）

）这里的函数拼写错误

您的第一个图像无法工作，因为您没有对其提供悬停效果

---

为什么要在事件内部使用事件？

在
鼠标上方悬停
内部
只有
类才能做到这一点。为什么要使用
id
？这不仅适用于第一个映像：另一种可能是：映像的路径错误。请参阅控制台错误消息。这是一种错误谢谢你。另一个家伙也说我不能用它，因为我在鼠标上方使用了hover。不管怎样，非常感谢你的帮助！
<script type="text/javascript">
$(document).ready(fucntion()
{
     $("#banner-container").mouseover(function() {
        $("#sqm").hover(function(e) {
            $(this).attr("src","b-3308-2a-active.png");
        },
        function() {
            $(this).attr("src","b-3308-2a.png");    
        });
        $("#pmlc").hover(function(e) {
            $(this).attr("src","b-3308-3-active.png");
        },
        function() {
            $(this).attr("src","b-3308-3.png"); 
        });
        $("#wireless").hover(function(e) {
            $(this).attr("src","b-3308-4-active.png");
        },
        function() {
            $(this).attr("src","b-3308-4.png"); 
        });
        $("#dst").hover(function(e) {
            $(this).attr("src","b-3308-5-active.png");
        },
        function() {
            $(this).attr("src","b-3308-5.png"); 
        });
        $("#nb").hover(function(e) {
            $(this).attr("src","b-3308-2b-active.png");
        },
        function() {
            $(this).attr("src","b-3308-2b.png");    
        });
    });
});