1

新手在这里，请耐心等待:)

我有一个与页面最左侧对齐的图像（图像#1）（所有正文填充和边距设置为 0）并添加了一些翻转 javascript，因此新图像（图像#2）出现在鼠标悬停的位置. Image#2 大于 Image#1。

目前，在鼠标悬停时出现 Image#2，但未与页面左对齐（默认页边距似乎已重新引入，并且忽略了正文 CSS 规则）。

是否有将 ID 应用到 Image#2 以便我可以控制它的 CSS 样式？或者任何其他删除鼠标悬停时出现的边距的方法？基本上我希望这两个图像在最左角重叠。

非常感谢帮助。谢谢！

4

4 回答 4

1 
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>

$('img#id').mouseover(function(){
$(this).css("property","value");

});

它需要jQuery ..

///////////////////////////////////////// ///////////////////////////////

var elem = document.getElementById("id"); //your img id is passed in here
elem.onmouseover= function(){
this.style.yourPropertiesInCamelCase = "value";
}

///////////////////////////////////////// ////////////////////////////////////////////////////ps：如果您不知道它是什么是...小心“纯”Javascript 中的 css 属性。可能存在浏览器不一致...您的代码可能无法跨浏览器...

于 2011-02-23T17:37:02.800 回答
0

最好使用 CSS 中的锚点悬停状态来换出背景图像，而不是使用 javascript 来做一些简单的事情。此外，您应该将图像制作为一张图像，以便您可以一次加载它们，只需更改悬停时的背景位置......

http://jsfiddle.net/k36am/

于 2011-02-23T20:29:02.680 回答
0

有没有考虑...

<script type="text/javascript">
function changeImage() {
   document.getElementById("theImg").src = "other.gif";
}
</script>

<img src="/myImage.gif" id="theImg" onmouseover="changeImage()" />
于 2011-02-23T17:37:40.630 回答
0

您可以使用具有固定尺寸和 0 填充的 a 并在其中添加图像。它可能有用吗？没有把握。

无论如何，要进行翻转，您需要更改初始图像的“src”属性。其余的应该保持不变。

于 2011-02-23T17:39:23.153 回答