Javascript 更改链接鼠标上方的主体背景
需要您的帮助…已经阅读了所有的解决方案，但没有适合我的需要。 我使用汉堡包菜单，当菜单点击和身体关闭时，其他后台的全尺寸显示器也会显示所有链接 我想改变的背景时，鼠标在链接和每个链接有不同的背景例如：当鼠标悬停在链接上时，BG变为boy.jpg；当鼠标悬停在菜单服务上时，BG变为man.jpg；当鼠标未悬停在链接上时，BG返回默认BG图像 这里是菜单代码Javascript 更改链接鼠标上方的主体背景,javascript,jquery,html,css,Javascript,Jquery,Html,Css,需要您的帮助…已经阅读了所有的解决方案，但没有适合我的需要。 我使用汉堡包菜单，当菜单点击和身体关闭时，其他后台的全尺寸显示器也会显示所有链接 我想改变的背景时，鼠标在链接和每个链接有不同的背景例如：当鼠标悬停在链接上时，BG变为boy.jpg；当鼠标悬停在菜单服务上时，BG变为man.jpg；当鼠标未悬停在链接上时，BG返回默认BG图像 这里是菜单代码 body:after{ 背景图片：url（../images/AboutEMC.jpg）； 背景重复：无重复； 背景附件：固定； 背景尺寸：
body:after{
背景图片：url（../images/AboutEMC.jpg）；
背景重复：无重复；
背景附件：固定；
背景尺寸：封面；
内容：''；
身高：100%；
左：0；
不透明度：0；
填充：0；
排名：0；
可见性：隐藏；
-webkit过渡：全部。4s轻松；
过渡：全部。4s轻松；
宽度：100%
}
$('a.class').on('mousein', function(){
$('#portfolio').css('background-image', 'url("other.jpg")');
});
$('a.class').on('mouseout', function(){, function(){
$('#portfolio').css('background-image', 'url("woman.jpg")');
});
$('a.class').on('mousein', function(){
$('#portfolio').css('background-image', 'url("other.jpg")');
});
$('a.class').on('mouseout', function(){, function(){
$('#portfolio').css('background-image', 'url("woman.jpg")');
});
我会添加你想切换到html的文件名作为属性
<body data-img="default.jpg">
<li>
<a class="b-link" data-img="boy.jpg" href="about.html">About EMC</a>
</li>
<li>
<a class="b-link" data-img="girl.jpg" href="about.html">About EMC</a>
</li>
</body>
我会添加你想切换到html的文件名作为属性
<body data-img="default.jpg">
<li>
<a class="b-link" data-img="boy.jpg" href="about.html">About EMC</a>
</li>
<li>
<a class="b-link" data-img="girl.jpg" href="about.html">About EMC</a>
</li>
</body>
您应该重命名您的类名（彼此不同），并尝试使用不同的图像
$（文档）.ready（函数（）{
$（“.b-link”）.mouseover（函数（）{
$（“body”）.css（“背景图像”，“url(http://wikidpad.sourceforge.net/help/html/demo/files/demo/bubbles64.png)");
})；
});
$（文档）.ready（函数（）{
$（“.b-link”）.mouseover（函数（）{
$（“body”）.css（“背景图像”，“url(http://wikidpad.sourceforge.net/help/html/demo/files/demo/bubbles64.png)");
})；
});
数据<body data-img="default.jpg">
<li>
<a class="b-link" href="about.html" data-image="about.jpg">About EMC</a>
</li>
<li>
<a class="b-link" href="service.html" data-image="service.jpg">Service</a>
</li>
<li>
<a class="b-link" href="case1.html" data-image="portfolio.jpg">Portfolio</a>
</li>
<li>
<a class="b-link" href="team.html" data-image="hire.jpg">Hire Us</a>
</li>
<li>
<a class="b-link" href="news.html" data-image="news.jpg">News</a>
</li>
</body>
尝试使用
数据<body data-img="default.jpg">
<li>
<a class="b-link" href="about.html" data-image="about.jpg">About EMC</a>
</li>
<li>
<a class="b-link" href="service.html" data-image="service.jpg">Service</a>
</li>
<li>
<a class="b-link" href="case1.html" data-image="portfolio.jpg">Portfolio</a>
</li>
<li>
<a class="b-link" href="team.html" data-image="hire.jpg">Hire Us</a>
</li>
<li>
<a class="b-link" href="news.html" data-image="news.jpg">News</a>
</li>
</body>
最好检查您是否从代码中添加了一个提琴示例。最好检查您是否从代码中添加了一个提琴示例。我可以将此脚本放在哪里？在每个