Javascript 我在<;a>;标记,现在我想通过使用内联css更改鼠标悬停事件上的图像
这就是我正在尝试的。当我将鼠标移到该链接上时,它应该会在不使用悬停效果的情况下更改背景图像。Javascript 我在<;a>;标记,现在我想通过使用内联css更改鼠标悬停事件上的图像,javascript,html,css,Javascript,Html,Css,这就是我正在尝试的。当我将鼠标移到该链接上时,它应该会在不使用悬停效果的情况下更改背景图像。 > <a href="" style="text-decoration: none;font-weight: bold; padding: 3px 15px 5px;background: url('image/abc.jpg') repeat-x; height:24px;border-radius: 4px;color: #FFF;font-size: 12px
> <a href="" style="text-decoration: none;font-weight: bold;
padding: 3px 15px 5px;background: url('image/abc.jpg') repeat-x;
height:24px;border-radius: 4px;color: #FFF;font-size: 12px;"
onmouseover="this.background='image/def.jpg';">change image</a>
>
任何帮助都将不胜感激。当我将鼠标移到链接上时,它将更改背景图像。
> <a href="" style="text-decoration: none;font-weight: bold;
padding: 3px 15px 5px;background: url('image/abc.jpg') repeat-x;
height:24px;border-radius: 4px;color: #FFF;font-size: 12px;"
onmouseover="this.background='image/def.jpg';">change image</a>
但不使用悬停效果
因此,您希望将鼠标悬停在某个对象上,因为这就是您正在描述的内容,但您不希望使用鼠标悬停效果来更改背景
那是不可能的。嗯。。。你想做点什么,但不是用通常的方式?为什么要限制?无论如何,你应该先去掉所有的>符号。谢谢,这很有帮助。老实说,我想我知道OP的意思:无论出于什么原因,他们都不能使用
:hover
样式。他们所能做的就是设置内联样式,或者使用事件属性。(在这种情况下,他们走上了正确的轨道。他们所需要的只是纠正语法错误并添加onmouseout…)@Mr Lister我确实认为OP试图编辑其他人的代码,而悬停效应只是把事情搞砸了。他应该重构他的代码,因为你无论如何都不会使用内联样式。我遇到过很多情况,外部样式表是不可能的(因为用户无法访问头),唯一可用的样式是通过内联样式attributes@MrLister我的意思是,通常不应该使用内联样式,而应该使用外部样式表。但是在您描述的情况下,使用内联样式是合适的,因为您不能使用外部样式表。