我试图在鼠标上缩放HTML图像.我在javascript中这样做的原因是因为我想通过悬停在一个上来以不同的方式操纵多个元素.这是我的javascript(我试图操作的元素称为"logoF"):
$( document ).ready(function() { var logoF = document.getElementById("#logoF"); logoF.onmouseover=function(){ logoF.style.webkitTransform= "scale(0.8)"; logoF.style.msTransform= "scale(0.8)"; logoF.style.transform= "scale(0.8)"; }; });
但由于某种原因,它不起作用.如果有人能告诉我为什么会非常感激.
你必须删除#
内部var logoF = document.getElementById("#logoF");
.这是正确的方法 -
var logoF = document.getElementById("logoF");
SNIPPET
$(document).ready(function() {
var logoF = document.getElementById("logoF");
logoF.onmouseover = function() {
logoF.style.webkitTransform = "scale(0.8)";
logoF.style.msTransform = "scale(0.8)";
logoF.style.transform = "scale(0.8)";
};
});