这里是新手所以请耐心等待:)
我有一张图像(图像#1)与页面的最左侧对齐(所有正文填充和边距设置为 0)并添加了一些翻转 javascript，因此新图像(图像#2)出现在它的放在鼠标悬停上。 Image#2 比 Image#1 大。
目前，在鼠标悬停时，Image#2 出现但未与页面最左侧对齐(默认页边距似乎已重新引入并且正文 CSS 规则被忽略)。
是否可以为 Image#2 应用一个 ID，以便我可以控制它的 CSS 样式？或任何其他方式删除鼠标悬停时出现的边距？基本上我希望 2 张图像在最左 Angular 重叠。
非常感谢帮助。谢谢!
最佳答案
<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";
}
///////////////////////////////////////////////////////////////////////////////// P.S.:如果你不知道它是什么，你可以谷歌 camelCase ... 小心“纯”Javascript 中的 css 属性。可能存在浏览器不一致...您的代码可能无法跨浏览器...
关于javascript 翻转图像 -(如何)我可以为 onmouseover 图像设置 css 样式？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5094554/