草庐IT

javascript - jQuery,图像在悬停时改变

这个问题在这里已经有了答案:ChangetheimagesourceonrolloverusingjQuery(14个答案)关闭9年前。好吧,我已经通过PHP动态生成图像,所以生成的图像不一定相同。在过去的四个小时里,我一直在浏览互联网并尝试使用jQuery和/或CSS进行无数次尝试,并且我得出了以下可行的方法。Market.png具有透明背景。现在,上面的工作。鼠标悬停时,它显示Market.png,透明背景部分为tile_4.jpg,鼠标移出时显示为tile_4.jpg。我想知道的是:有什么方法可以用jQuery或CSS完成与上述完全相同的事情吗?我还没有弄清楚,我已经花了几个小时

html - CSS - 悬停时更改填充颜色 - SVG 路径

我在我的元素中使用svg路径使用现代ui图标包。我尝试做的是更改悬停时的填充颜色。但是我没有成功..希望有人能帮我解决这个问题。提前致谢。代码: 最佳答案 您可以像下面这样通过css覆盖svg填充颜色,也可以针对不同的元素,例如polygoncircle等#Mainsvg:hover{fill:#fce57e;}#Mainsvg:hoverpath{fill:#fce57e;}#Mainsvg:hoverplygon{fill:#fce57e;}#Mainsvg:hovercircle{fill:#fce57e;}

html - 悬停时更改图像

我如何更改这段确切的代码以在鼠标悬停时产生悬停效果?我尝试按照其他一些问题和答案进行操作,但我无法真正理解它们。所以HTML是:现在我想做的是当鼠标悬停在小图像上时更改大尺寸图像。 最佳答案 试试这个,它非常简单而且最短,只需更改图片的URL: 关于html-悬停时更改图像,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9400883/

悬停时 HTML 表格高亮行,第一行(标题)除外

全部,我有一个呈现为HTML表格的ASP.NETGridView。Col1HeadCol2HeadData1Data2Data3Data4我想在鼠标悬停在该行上时突出显示该行-除了作为标题的第一行。我刚开始接触JQuery,并且对CSS(CSS2或CSS3)略有涉猎。有没有更好的方法来做到这一点?谁能给我一个起点?干杯安德斯 最佳答案 有一种方法可以实现所需的行为,而无需分别对每一行进行分类。以下是如何使用CSS:not和:first-child选择器在悬停时突出显示除第一个(标题)以外的每个表行:tr:not(:first-chi

html - 悬停时使背景图像变暗

如何在悬停时使背景图片变暗而不制作新的更暗的图片?CSS:.image{background:url('http://cdn1.iconfinder.com/data/icons/round-simple-social-icons/58/facebook.png');width:58px;height:58px;}JSFiddle链接:http://jsfiddle.net/qrmqM/1/ 最佳答案 相似,但又有一点不同。将图像设置为100%不透明度以使其清晰。然后在imghover上将其降低到您想要的不透明度。在此示例中,我还添

html - 使用 CSS 更改悬停时兄弟元素的颜色

在我下面的HTML中,当我将鼠标悬停在上时我想更改元素的颜色仅使用CSS的元素。有办法实现吗?Heading如果我用一个id包裹它周围会怎样?Heading这会有帮助吗? 最佳答案 您可以使跟随元素的同级元素在鼠标悬停时发生变化,例如,您可以在h1时更改a链接的颜色悬停,但您不能以相同的方式影响前一个兄弟。h1{color:#4fa04f;}h1+a{color:#a04f4f;}h1:hover+a{color:#4f4fd0;}a:hover+h1{background-color:#444;}HeadingThe"B

html - CSS::child 设置为在父鼠标悬停时更改颜色,但在鼠标悬停时也会更改

我有一个用children。我写了一些CSS,当父级悬停时它会改变子级的边框颜色,但当我悬停子级时它也会改变边框颜色,这是不应该的。a{padding:50px;border:1pxsolidblack;}aspan{position:absolute;top:200px;padding:30px;border:10pxsolidgreen;}a:hoverspan{border:10pxsolidred;}ParenttextChildtext 最佳答案 更新以下内容对2013年有意义。但是,现在,我将使用:not()选择器,如b

html - 在鼠标悬停时更改 tr 元素的背景颜色

我想让我的表格行在鼠标悬停时突出显示,但我还没有找到一种不使用Javascript的方法。这在CSS中是不可能的吗?我已经试过了:tr:hover{background:#000;}但这行不通。使用td:hover可以,但我想更改整个表格行的背景颜色。是否有纯CSS/HTML的方式来做到这一点,还是我必须求助于Javascript? 最佳答案 s本身很难用CSS访问,试试tr:hovertd{background:#000} 关于html-在鼠标悬停时更改tr元素的背景颜色,我们在Sta

html - 悬停时更改选择列表选项的背景颜色

悬停时是否可以更改选择列表选项的默认背景颜色?HTML:OneTwoThree我试过option:hover{background-color:red;},但没有用。有人知道怎么做吗? 最佳答案 这可以通过实现插入框阴影来完成。例如:select.decoratedoption:hover{box-shadow:0010px100px#1882A8inset;}这里,.decorated是分配给选择框的类。希望你明白了。 关于html-悬停时更改选择列表选项的背景颜色,我们在StackO

html - 悬停时如何在图像上显示文字?

我试图在将鼠标悬停在图片上时显示描述。我已经以不太理想的方式完成了它,在此处使用图像Sprite和悬停:我希望它看起来完全像我拥有的​​那样,但使​​用真实文本而不是图像。我已经尝试了一些不同的东西,但我似乎无法弄清楚该怎么做。我正在尝试仅使用HTML和CSS来完成此操作,但我不确定这是否可行。随意浏览我的代码,我会把我认为相关的粘贴在这里。HTMLdiv#projectlist{width:770px;margin:0auto;margin-top:20px;margin-bottom:40px;}div#buzzbutton{display:block;float:left;mar