当前位置：文江博客话题详情

当鼠标悬停在其他 div 上时更改中心 div 的鼠标悬停效果

发布于 2024-11-02 12:05:33 字数 197 浏览 0 评论 0原文

我想制作一个带有 div 的页面，其中图像位于直接中心，当用户将鼠标悬停在其他 div（整个内容，而不仅仅是链接）上时，我希望更改图像。

是否需要使用 javascript 来实现此目的？最简单的解决方案是什么（鼠标悬停时？）。我不太了解 JavaScript。有没有关于这方面的好的教程，我用谷歌搜索但找不到有关 div 交换的任何内容。

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

惜醉颜 2024-11-09 12:05:33

您可以为此使用 jquery 函数...请参阅此处
鼠标悬停和鼠标移开

回复收藏 0 原文

失与倦＂ 2024-11-09 12:05:33

我在这里包含了一些示例源代码......

在这里您必须替换相对于本地系统的图像名称和位置（）。

<html>
<head>
<title>Detecting browser close in IE</title>
<script type="text/javascript">
function changeImg()
{
document.getElementById("image").src="new image location here";
}

</script>
</head>
</script>
</head>
<body >
<div align="center">
<img src="imagelocation here" alt="myclass" id="image" />
</div>
<div id="div2" align="left" onmouseover="changeImg()">
Drag Ur mouse to  change image
</div>

</body>
</html>

我希望这对你有帮助。

I have Included some sample source code here....

here u have to replace image name and locations () as relative to Ur local system.

<html>
<head>
<title>Detecting browser close in IE</title>
<script type="text/javascript">
function changeImg()
{
document.getElementById("image").src="new image location here";
}

</script>
</head>
</script>
</head>
<body >
<div align="center">
<img src="imagelocation here" alt="myclass" id="image" />
</div>
<div id="div2" align="left" onmouseover="changeImg()">
Drag Ur mouse to  change image
</div>

</body>
</html>

I hope This will help U.

回复收藏 0 原文

~没有更多了~