将鼠标悬停在按钮上时更改图像来源的javascript
将鼠标悬停在按钮上时更改图像来源的JavaScript是一种前端开发技术，用于实现当用户将鼠标悬停在按钮上时，动态改变图像的来源。以下是一个完善且全面的答案：
概念： 将鼠标悬停在按钮上时更改图像来源的JavaScript是一种通过监听鼠标事件来实现交互效果的技术。它可以在用户将鼠标悬停在按钮上时，通过修改图像元素的src属性，实现动态更改图像来源的效果。
分类： 这种技术属于前端开发中的交互效果实现技术，主要涉及到JavaScript编程和DOM操作。
优势：
- 提升用户体验：通过动态更改图像来源，可以为用户提供更加丰富和生动的交互体验。
- 增加页面互动性：通过响应用户的鼠标行为，可以增加页面的互动性，吸引用户的注意力。
- 提高页面美观度：通过动态更改图像，可以实现页面元素的动态效果，提高页面的美观度。
应用场景： 将鼠标悬停在按钮上时更改图像来源的JavaScript可以应用于各种需要交互效果的场景，例如：
- 网页导航菜单：当用户将鼠标悬停在导航菜单上时，可以通过更改图像来显示菜单项的选中状态。
- 图片展示：当用户将鼠标悬停在图片上时，可以通过更改图像来显示不同的图片效果，例如放大、缩小、切换等。
- 按钮效果：当用户将鼠标悬停在按钮上时，可以通过更改图像来显示按钮的不同状态，例如高亮、按下等。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与前端开发相关的产品和服务：
- 腾讯云对象存储（COS）：用于存储和管理静态资源，如图片、音视频等。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云函数（SCF）：用于实现无服务器的后端逻辑，可以通过编写JavaScript代码来实现一些简单的业务逻辑。产品介绍链接：https://cloud.tencent.com/product/scf
- 腾讯云CDN：用于加速静态资源的分发，可以提高网页加载速度和用户体验。产品介绍链接：https://cloud.tencent.com/product/cdn
以上是关于将鼠标悬停在按钮上时更改图像来源的JavaScript的完善且全面的答案。
相关·内容
如果我的问题太简单，请原谅。我是个新手！
我正在尝试创建一个用于在我的网站上下载文件的按钮。
我希望当用户将鼠标悬停在它上面时，按钮会发生变化，然后当他们单击它时，我希望它变成第三个图像，并开始下载文件。
这是我到目前为止所做的(我有2个图像在悬停时褪色)…
<div id="cf">
<img class="download" src="/Images/downloading.png" alt="download3" />
<img class="bottom" src="
浏览 3提问于2013-06-20得票数 0
因此，在我的网站上，我创建了一个功能，当我将鼠标悬停在其中一个侧边按钮上时，中间的树的图像会发生变化。您可以看到页面
动画运行正常，但现在我正在尝试使背景图像在div中响应。多亏了这另一个，我能够使用下面的CSS使原始背景图像做出响应：
#arvore {
background: url('http://vistacamisa.greenpeace.org.br/wp-content/uploads/2015/09/arvore_011.png');
background-size: contain;
background-repeat: no-repeat;
width:
浏览 2提问于2015-09-16得票数 0
2回答
当我将鼠标悬停在图像上时，会显示播放按钮，并且.youTubeVideo的background-color和opacity会发生变化。
但是，当您将鼠标悬停在播放按钮上时，就不会发生这种情况。将鼠标悬停在播放按钮上时，如何更改.youTubeVideo的background-color和opacity？
.youTubeVideo:hover {
opacity: 0.5;
background-color: green;
}
.videoThum:hover {
background-color: green;
background-image: url("htt
浏览 1提问于2015-05-20得票数 0
我在使用jQuery更改属性时遇到问题
下面是我的代码：
JS:
$("#but1").hover(function()
{
$(this).attr('src', 'css/img1.jpg');
}, function()
{
$(this).attr('src', 'css/img2.jpg');
});
HTML:
<body>
<div id = "but1" class = "button&#
浏览 0提问于2015-04-10得票数 0
所以，我基本上已经有了我想要的东西，非常简单，但是有一些bug。我只是希望当你将鼠标悬停在一张图片上时，图片上会出现两个左/右按钮，允许你点击其他图片。然后，当您离开图像区域(不包括左/右按钮)时，按钮将再次淡出。下面是我得到的信息：
$(document).ready(function() {
$('#image-slider').mouseenter(function(){
$('.next').fadeIn('50');
$('.prev').fadeIn('50');
浏览 1提问于2011-08-21得票数 2
回答已采纳
在GridView (使用TemplateField)的每一行中，我希望显示用于控制该行中的数据的图像按钮。然后，我想在用户第一次将鼠标悬停在GridView行上时交换按钮的图像，然后在用户将鼠标悬停在特定按钮上时再次交换按钮的图像。
我可以使用CSS和图像超链接轻松实现这种悬停功能，但是在使用图像超链接时，我无法引发任何服务器端事件来处理对特定行的编辑。
在过去，我使用ImageButtons而不是图像超链接。我将CommandName参数添加到ImageButtons中，然后在代码中处理GridView RowCommand：
<asp:ImageButton ID="btn
浏览 1提问于2012-03-15得票数 1
1回答
我的按钮链接只是html中带有css背景图像的链接。在CSS中，我也有图像的尺寸，以便显示整个内容。
当鼠标悬停在图像上时，我希望图像缩小到95%。我有a:悬停css，但将尺寸更改为95%没有做到这一点。
有什么简单的方法吗？
您可以在上看到示例页面，导航按钮位于标题的顶部。
浏览 3提问于2015-01-29得票数 2
回答已采纳
4回答
我有一个有25个按钮的网格控件(网格只包含按钮)。我为每个按钮设置了相同的图像，如下所示：
ImageBrush brush = new ImageBrush();
BitmapImage bitmap = new BitmapImage();
bitmap.BeginInit();
bitmap.UriSource = new Uri(@"pack://application:,,,/Images/notexplored.jpg", UriKind.RelativeOrAbsolute);
bitmap.EndInit();
浏览 3提问于2013-06-12得票数 3
回答已采纳
1回答
我有一个ASP.NET ImageButton控件(没有AJAX)，它有一个从SQL server获取数据的Image_Click事件。现在，我想向Image Button添加一个鼠标翻转按钮，该按钮应从SQL服务器获取数据并将其显示在标签上。
我知道您可以在图像按钮上添加一个Javascript鼠标翻转事件。imgae_Button.Attributes.Add("onmouseover"，"myJacascriptFunction()")；
如何从服务器端代码获取获取SQL数据的Javascript代码？这可以做到吗？
编辑:澄清onclick()事件不仅从
浏览 0提问于2011-09-14得票数 0
1回答
我的网页中有一个图片(班级照片)和一个名为“添加到购物车”的按钮(班级btn)。我希望它的工作方式是，当有人将鼠标悬停在产品图像上时，“添加到购物车”按钮开始在图像上显示，而图像的不透明度会降低一点。当我将鼠标悬停在图像上时，我不太清楚如何使按钮出现。我是一个非常新的网站开发，所以请帮助。我在css中写了什么，这样当鼠标悬停在图像上时，按钮只在图像顶部可见。 <div>
<img class="Photo">
<button class= "btn">
<div>
浏览 25提问于2021-04-10得票数 0
1回答
我正尝试用CSS实现一个多级的下拉导航菜单，但有一个小部分我似乎无法正常工作。
应该发生的情况是：
1)当鼠标悬停在菜单项上时，应使用不同的图像突出显示该菜单项(这很好用)。2)当鼠标悬停在子菜单项上时，父菜单项应突出显示。
Point2可以很好地工作，直到我在父菜单项上有一个类.bottom (这个类用于图像的细微差别)。如果父菜单项具有.bottom类，则不会发生高亮显示。
可以在此处查看演示：
演示显示，当鼠标悬停在Menu 1> Sub Menu 3> Sub Sub Menu X上时，Sub Menu 3高亮显示。但是，将鼠标悬停在菜单2>子菜单3>子菜单X上
浏览 3提问于2011-10-30得票数 2
回答已采纳
1回答
我在javascript中有一个鼠标经过的功能，还有一个可点击的div，问题是当我点击图像时，什么都没有发生，但在图像之外它可以完美地工作。
<div id="1" onclick="SendRating(this.id);" onmouseover="rateStar(this.id)" ><img src="star.jpg"></div>
和我的鼠标悬停功能。
function rateStar(rating){
var i = 1;
var ratings = &#
浏览 4提问于2012-01-08得票数 0
回答已采纳
不知道如何解决我目前遇到的问题。我正在构建一个Javascript和PHP驱动的图片库。基本的div结构是，我有一个包含整个图片库的div，一个用于显示的图像，一个包含“上一步按钮”，另一个包含“下一步按钮”。
下一步/上一步按钮位于图像容器div底部的左侧/右侧(图库容器设置为相对位置，按钮div设置为绝对位置)。默认情况下，使用jQuery使它们不可见，当您将鼠标悬停在图像容器div上时，它们将变为可见。我遇到的问题是，当你将鼠标悬停在容器div上，然后在箭头上，过渡效果会重新播放，我不确定如何使用HTML/CSS/JS来解决这个问题。我目前的div结构是
<div id="
浏览 0提问于2012-05-12得票数 0
回答已采纳
1回答
工具提示闪现并消失
、、、
我正在我的一个OS X应用程序中部署工具提示。
我已经创建了一个图像按钮类，它是NSImageView的子类。除了工具提示之外，其他的都工作得很好。目前，我使用它的超类的setTooltip:方法将工具提示添加到图像按钮。但大多数情况下，当我将鼠标悬停在图像按钮上并想要获取其工具提示时，工具提示只是闪烁，然后迅速消失。
为什么会发生这种情况，以及如何解决？
浏览 0提问于2011-10-23得票数 1
3回答
我在HTML文档中有一个图像，在它上面有一个绝对定位的Canvas元素，允许我在图像上绘制。这看起来可能是一种糟糕的做法，但我也使用了一个JavaScript库，当您将鼠标悬停在它上面时，它会为图像添加效果。因此，我不能简单地将图像绘制到画布上。
但是，将画布放在前面会破坏JavaScript库，因为图像不再生成鼠标悬停事件。
有没有办法同时拥有这两个功能呢？
(如果需要，我可以确切地说明我的问题是什么，但当答案是通用的时，它们更有用。)
浏览 0提问于2011-08-24得票数 0
回答已采纳
我需要制作更具交互性的电路图像。
我的计划是使用标准的EDA工具绘制电路，并将其存储为SVG文件。然后，任何现代浏览器都可以打开存储为SVG的文件。
我现在想做的是在SVG中添加一些JavaScript代码。当用户将鼠标悬停在电路的某些部分上时，脚本必须弹出描述这些部分的工具提示。例如，当用户将鼠标放在IC上时，该IC的描述将立即弹出。
该电路在SVG XML中有合理的注释。
根据我到目前为止的推断，JavaScript没有自动找出鼠标当前悬停在哪个框/线上的方法。当然，它会发现是否有一个查询表，将图像坐标与电路注释进行映射。
这意味着每次电路改变时，查找表也需要更新。
有没有一种更简单的方法
浏览 0提问于2014-02-20得票数 2
4回答
3-提交按钮上的状态
、、、、
我想知道如何才能将3个州添加到提交按钮。我所说的状态是指，当鼠标悬停在按钮上时，按钮会改变图像，单击时，只是静止/未触摸。我更喜欢使用纯HTML和CSS的解决方案，但Javascript也可以。谢谢！
浏览 3提问于2012-04-11得票数 1
回答已采纳
2回答
我正在学习JQuery，并试图通过图像创建循环文本，但我在使用button div (容器主目录)时遇到了问题。这里有一个例子：，其中最后三个图像是按钮，不应该对上面的图片(前三个)有任何影响。如果你将鼠标悬停在图像(前三张)上，它可以很好地工作，但如果将鼠标悬停在按钮(最后三张图像)上，脚本就会损坏并停止工作。您可以帮助我修复脚本，以便如果悬停在按钮上(最后三个图像)，那么就没有循环文本的影响。谢谢。
浏览 0提问于2012-06-25得票数 3
回答已采纳
2回答
当您将鼠标悬停在我的图像上时，将出现一个按钮。问题是，当用户尝试单击按钮时，它开始闪烁，此时用户已离开<img>标记。我无法放置jQuery hover()选择器来检测用户何时将鼠标悬停在我的整个项目上，因为我在图像下有文本，并且我不希望在用户将鼠标悬停在文本上时按钮出现。如何使<button>在用户尝试单击它时不闪烁。
<div class="item">
<img src="http://www.placehold.it/250x100">
<button>More Info</b
浏览 0提问于2012-11-24得票数 1
回答已采纳
1回答
我想在JavaScript中设置鼠标悬停功能的时间。
我的代码如下。
<img class="product-image"
src='<?php echo $item['0']; ?>'
onmouseover="this.src='<?php echo $item2['0']; ?>'"
onmouseout="this.src='<?php echo $item['0']; ?>'" /&
浏览 0提问于2012-12-14得票数 1
回答已采纳
如何使用CSS在悬停时更改图像源？
我试过了，但只能用javascript找到答案。
这是我的密码：
<img src="">
当用户鼠标悬停时，我想将图像更改为1.gif。
浏览 2提问于2019-12-01得票数 0
回答已采纳
1回答
在iphone上可以使用鼠标悬停类型的功能吗？我正在尝试为一个基本的区域图像地图编写代码，但无法使用鼠标悬停来实现悬停功能。只是想在用户手指在地图上拖动时切换图像。
感谢您提出的任何建议。
谢谢，保罗
浏览 0提问于2011-01-10得票数 0
回答已采纳
1回答
在我的C# WPF应用程序中，我有3个按钮，每个按钮都在MainWindow构造函数中的InitializeComponent()函数之后分配了图像画笔背景。当我将鼠标悬停在每个按钮上时，它们会变成纯蓝色。我认为除了MouseLeave方法之外，我还需要为每个按钮添加MouseEnter方法。悬停时将按钮更改为更深的版本。
但图像在悬停时仍会变成蓝色。有关说明，请参阅MP4
谢谢
J
浏览 2提问于2018-01-30得票数 0
你可以在这里看到的实现
现在，当你将鼠标悬停在单元格上时，它会改变一些特征。但是图像不会改变。只有当您将鼠标悬停在图像上时，图像才会发生变化。
如何使图像与其他所有内容一起更改？
顺便说一句，它不一定要在jQuery中完成。如果在CSS中有一个很好的优雅的方法来做这件事，我会很高兴的。但我只是假设这是不可能的-因为图像处理，我不想将背景设置为该图像。我想要牢房里的图像。
谢谢。
浏览 2提问于2010-12-15得票数 3
回答已采纳
我想知道当鼠标悬停在html中的图像上时，如何在图像上显示缩放按钮。到目前为止，我已经尝试过了
<a href="news_image/<?php echo $getrs['image']; ?>"><img src="images/zoom.jpg" width="40" height="40" border="0" style="background:URL(http://news_image/<?php echo $getrs['image&
浏览 0提问于2012-01-11得票数 4
4回答
当您将鼠标悬停在以下站点上的某个图像上时，将出现一个包含操作按钮的div。当您单击div时，弹出窗口将打开，当您单击子操作按钮时，将发生不同的事件。
当你点击div的一个子按钮时，弹出窗口就会弹出来。我尝试使用下面的代码停止事件传播。
$(document).on('click', '#DOMWindow .like', function(event) {
event.preventDefault();
event.stopPropagation();
});
浏览 0提问于2012-04-12得票数 1
回答已采纳
2回答
我做了一些研究，但似乎找不到我想要的东西。
我想做的是在windows窗体中创建一个“自定义”按钮。这基本上只需要将默认的“灰色”背景更改为自定义图像即可。当鼠标悬停在按钮上并单击按钮时，也可以使用自定义图像。
这不仅仅是改变背景图像的问题，因为我想使用的图像具有透明背景的圆角边缘，并且我希望自定义图像用于悬停/单击。我希望按钮的其他所有功能都能以与普通按钮相同的方式工作。
这个是可能的吗？
浏览 1提问于2012-02-17得票数 2
回答已采纳
1回答
你好，我是团结的新手，我试着让一个UI按钮改变它的来源图像，当鼠标在它上面，当鼠标不再在按钮上时，按钮的来源图像恢复正常。我知道需要一个sprite作为按钮的源映像，所以我创建了两个图像sprite文件(一个是普通图像，另一个是鼠标悬停在按钮上的亮起图像)。
下面是播放按钮的屏幕截图，显示其正常的源图像。
按钮将改变它的源图像，通过点亮当鼠标经过它。
如何在C#中完成此任务？当鼠标悬停在C#按钮上时，如何更改该按钮的源图像？
这就是我在看了一些参考资料之后得到的结果。我刚到联合公司，很抱歉我缺乏知识
using System.Collections;
using Syste
浏览 4提问于2017-07-13得票数 2
回答已采纳
3回答
我使用图像按钮进行导航，因为我想要悬停效果。我的意思是，我使用按钮图像而不是<ul>标签或<div>标签，因为我想要悬停效果，这意味着当我将鼠标悬停在该图像上时，图像会发生变化。这就是我使用图像按钮的原因。
但是，我不想使用图像。我想使用<ul>标签和<div>标签，但我不熟悉如何在这些标签上做悬停效果。
请帮帮我。
浏览 1提问于2010-09-08得票数 0
回答已采纳
1回答
我有一个用锚标签包围的垂直对齐的图像列表。每个锚标签都有一个rel=' tipsy‘属性和一个title属性，其中包含应该放在tipsy工具提示中的html的内容。当我将鼠标悬停在其中一个图像上时，它的工具提示会正确呈现，但它的位置始终在顶部图像上。
下面是我在页面上的javascript代码片段：
$(function() {
$('a[rel=tipsy]').tipsy({fade: true, gravity: 'w', fallback: "Couldn't Load Info!", html : true, d
浏览 0提问于2011-03-15得票数 0
2回答
我知道怎么隐藏滚动条。但是没有滚动条，我想滚动任何要滚动的东西。
这就是我所做的，它最初是隐藏的，当鼠标悬停时，垂直滚动条显示。
div#LogoStrip{
height:600px;
overflow:hidden;
}
div#LogoStrip:hover{
overflow-y:scroll;
overflow-x:hidden;
}
但是on ，我不想看到滚动条，但仍然希望滚动显示在那里的文本/图像，使用轮子或两个小按钮，一个在顶部，一个在底部。
div#LogoStrip{
height:600px;
overfl
浏览 0提问于2011-11-23得票数 1
回答已采纳
Salesforce - 我在salesforce页面上有一个标准的闪电按钮。有一些条件可以显示和禁用该按钮。当条件不满足时，我需要禁用按钮，当我们将鼠标悬停在禁用的按钮上时，我们应该能够看到一些文本。我使用的是lightning web组件。 HTML： <template if:true={disableButton}>
<lightning-button icon-name="utility:custom_apps" label="button" icon-position="left"
onClick=
浏览 33提问于2021-09-27得票数 1
我在为内容编辑器Web部件中的图像创建鼠标悬停菜单时遇到问题。
我想要的功能是在一个表中有两个图像，并排。当用户将鼠标悬停在其中一个图像上时，会出现一个下拉菜单，其中包含几个不同的链接。当用户将鼠标从图像上移开时，菜单将消失。
这是包含图像的内容编辑器Web部件的HTML：
<table _moz_resizing="true">
<tbody>
<tr>
<td>
<br/>
<center><a href="/sites/XXXX/AllItems.aspx"><img
浏览 0提问于2011-10-18得票数 0
回答已采纳
我在试着做一座可以在鼠标悬停时打开门的房子。
我已经在photoshop上制作了两张房子的图片，并将它们保存为.jpg
下面是我为HTML编写的代码：
<img id="house" onmouseover="open()" src="doorclosed.jpg"/>
下面是JavaScript代码：
function open() {
document.getElementById("house").src='dooropened.jpg';
}
问题是，当我点击网页
浏览 0提问于2017-06-08得票数 0
1回答
这是我的视图页面：
for (int i = 0; i < Model.Count; i++)
{
<div class="row service-block" id="searchresult@(i)">
<div class="col-lg-6 col-md-5">
<div class="mrb5">
<label>abc</label>
<label>Xyz</label>
浏览 2提问于2014-10-29得票数 0
回答已采纳
4回答
我正在为一个博客准备一个布局，需要或多或少地制作一个幻灯片，如下所示：
我已经可以通过CSS做很多事情，但我有一个问题！只有当鼠标悬停在div上时，图像才会激活，但当鼠标悬停在图像链接上时，我需要激活该图像，或者更好地激活该图像。
有人能帮我解决这个问题吗？
通过BOOTPLY获取我的代码
我不知道我是通过CSS还是仅通过JavaScript来完成这个任务。我甚至试图通过JavaScript做更多的事情，但对此不太了解。
浏览 0提问于2015-07-21得票数 1
回答已采纳
4回答
我有一个容器，里面有一些细节和一个按钮。当我们将鼠标悬停在容器上时，容器具有弹出行为。问题是当鼠标悬停在按钮上时，我需要禁用弹出行为。这是的提前感谢。
<div class="container">
<p>name: </p>
<p>age: </p>
<p>department:</p>
<button class="btn btn-primary">Connect</button>
</div>
$('.conta
浏览 27提问于2017-11-28得票数 0
2回答
我是CSS3转换的新手。我试图使图像幻灯片只为网络工具包。在一个宽的DIV中，有3个图像彼此相邻对齐。此宽DIV位于容器DIV中，其中overflow属性已设置为隐藏。容器DIV的宽度等于每个图像，因此用户一次只能看到一个图像。
下面是HTML和CSS。
HTML
<div id = "imageHolder">
<div id="slide1_images">
<img src="./images/fish.jpg" />
<img
浏览 0提问于2011-11-16得票数 5
回答已采纳
3回答
当鼠标移动到图像上时，如何在图像顶部显示文本。
例如，你在youtube上看到缩略图上有一个“添加到播放列表”按钮。我如何设置类似的东西，但为一个喜欢的按钮。
我不是在寻找工具提示。我希望当鼠标悬停在图像上时，文本显示在图像上。
浏览 3提问于2011-08-10得票数 0
回答已采纳
1回答
基本上，我试图拥有一个按钮，允许用户在顶部显示另一个图像，但当单击该按钮时将设置为单击图像状态。
我尝试过使用jquery悬浮函数，但我没有运气-它不允许我单击按钮并显示过高状态。
我也可以让它单独工作--例如，如果用户单击按钮，就会出现一个新的图像，但是当我试图使鼠标悬停工作时，单击的过高状态会使其混乱。
如能提供任何帮助，将不胜感激。
Jquery
$('.M').hover(
function(){
$(this).attr('src','Buttons/Button-MaleOver.png')
},
浏览 3提问于2013-11-19得票数 0
回答已采纳
1回答
我的画布上有三个按钮和三个图像。当鼠标悬停在按钮上时，我希望图像出现。
public GameObject button1;
public GameObject button2;
public GameObject button3;
public Image imag1;
public Image imag2;
public Image imag3;
void Update() {
}
public void OnPointerEnter (PointerEventData eventData)
{
Debug.Log ("The cursor entered the
浏览 0提问于2016-10-19得票数 -1
我有一个javascript google地图，当代码在Drupal节点中时，它可以正常工作。但是，当我将相同的代码移动到它正确显示的块中时，当鼠标悬停在地图上覆盖的图像上时，它会在节点中显示信息，而不是在块中显示信息。指针在悬停时更改正确，但没有显示任何内容。该脚本包括d3.js代码，作为谷歌地图上的覆盖。我想用一个块来控制移动设备中的显示。如有任何关于原因的建议，将不胜感激。
浏览 6提问于2014-03-03得票数 0
回答已采纳
在我的一个HTML页面上，当鼠标悬停在某些链接上时，会显示一些较大的图像，加载这些图像需要时间。
我不想使用JavaScript预加载图像。有什么好办法吗？
浏览 6提问于2009-05-04得票数 41
回答已采纳
1回答
当您将鼠标悬停在图像上时，我会弹出一个javascript元素(顶部图像)和一个css编码的弹出窗口。有没有办法将第二张图片的淡入效果应用到第一张图片上，或者是否有任何其他方法可以让顶部的图片淡入？谢谢
浏览 3提问于2011-09-27得票数 0
回答已采纳
1回答
在上面的链接中有一个响应式的图像网格！在那里，鼠标悬停在每个图像上都会显示一个标题！这不是一个div，但我认为它是一个javascript数据标题函数！我不想那样！
我想要这样的
在鼠标悬停时，将显示一个div，覆盖每个图像，我可以在其中保留诸如“删除”、“插入标题”等选项。
怎么做？任何人？
浏览 1提问于2013-07-18得票数 0
2回答
在悬停时更改图像源
、、、
我有一个简短的问题，应该很简单。我有一个包含4列的表，每列中都有一个标记，该标记又包含一个<img>。我正在寻找一种方法，在css或javascript中，当我鼠标悬停时，我可以改变img的src。
因此，例如，只有一行将如下所示：
<td><a href="http://link1/"><img alt="Link1" src="http://images/Link1.png/" /></a></td>
而我目前拥有的CSS是：
img[alt="Link1
浏览 1提问于2014-11-27得票数 0
回答已采纳
3回答
在悬停时交换多个图像
、、、
嗨，伙计们，我一直在寻找这个答案，我的头很痛。
我有一个包含团队成员图像的页面，我希望当您将鼠标悬停在每个图像上时，会出现该团队成员的另一个图像。很简单，我可以用css为每个成员做这件事，但我想知道是否有一种方法可以使用query，这样它就可以通过文件的名称来完成，例如dan.jp和dan-hover.jpg。
谢谢
丹
编辑:我也希望它是这样的，当您悬停在图像上时，原始图像将替换其他图像，因此新图像仅在鼠标悬停在图像上时出现。
浏览 0提问于2011-10-05得票数 1
我是一个新的flex，我有一个问题，请解决这个问题。
我有两个图像，当我将鼠标悬停在第一个图像上时，同时在第二个图像上产生发光效果。
谢谢预支。森蒂尔。
浏览 1提问于2011-03-09得票数 0
1回答
我有Fancybox2设置和工作，它打开在框架中的图像，并有标题和关闭按钮，我想它。然而，它打开每一张图片，滚动回页的顶部。因此，当按下关闭按钮时，访问者必须向下滚动到图像以选择下一个。
我唯一运行的其他Javascript是Bootstrap，因为wsa是用它构建的。对于可能发生的事情有什么想法，或者如何将其分类，使图像在与图像链接相同的地方打开？
在我的脑海里：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
浏览 2提问于2014-11-12得票数 0
回答已采纳
2回答
我复制了一个网页以获得一些灵感，但当我在本地机器上打开它时，图像将无法加载。当我在火狐的Page Inspector中查看并将鼠标悬停在图像源上时，它会在预览窗口中显示图像。这些图像存储在我的本地机器上。我也尝试过不带任何JavaScript的页面，但结果保持不变。
有人知道为什么这些图片拒绝出现吗？
原创：
它在我的本地机器上的外观：
图片的链接是100%正确的。
<h2 id="main_logo" class="omniture_main_logo">
<img class="print_logo"
浏览 0提问于2014-04-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
