Javascript 如何在没有新图像移动对象的情况下包含鼠标悬停图像链接？_Javascript_Css_Html_Mouseover

Javascript 如何在没有新图像移动对象的情况下包含鼠标悬停图像链接？

javascript css html

Javascript 如何在没有新图像移动对象的情况下包含鼠标悬停图像链接？,javascript,css,html,mouseover,Javascript,Css,Html,Mouseover,我想要的是，当新图像加载到鼠标上方时，它不会在上面移动任何对象。我试着把它放在一个div中，但由于某种原因，我无法让它工作。对我能做什么有什么帮助或想法吗下面是一个页面，介绍了它现在的功能：这是我的代码： <head> <script type="text/javascript"> function rollover() { if (!document.getElementById) return var imgOrS

我想要的是，当新图像加载到鼠标上方时，它不会在上面移动任何对象。我试着把它放在一个div中，但由于某种原因，我无法让它工作。对我能做什么有什么帮助或想法吗

下面是一个页面，介绍了它现在的功能：

这是我的代码：

    <head>
    <script type="text/javascript">
    function rollover() {
      if (!document.getElementById) return
      var imgOrSrc;
      var imgPreload = new Array();
      var images = document.getElementsByTagName('img');
      for (var i = 0; i < images.length; i++) {
        if (images[i].getAttribute('rsrc')) {
          imgPreload[i] = new Image();
          imgPreload[i].src = images[i].getAttribute('rsrc');
          images[i].onmouseover = function() {
            imgOrSrc = this.getAttribute('src');
            this.setAttribute('src',this.getAttribute('rsrc'))
          }
          images[i].onmouseout = function() {
            this.setAttribute('src',imgOrSrc)
          }
        }
      }
    }
    </script>
    </head>
    <body onLoad="rollover()">
    <div id="landimage">
    <a href="linkhere"><img src="/images/braeden.png" rsrc="/images/braeden2.png" border="0"></a>
    </div>
    </body>


函数滚动（）{
如果（！document.getElementById）返回
var imgOrSrc；
var imgPreload=新数组（）；
var images=document.getElementsByTagName（'img'）；
对于（var i=0；i

这只是因为图像的尺寸不同。最简单的方法是增加/images/braeden.png的画布大小，并在其顶部添加空白，使其与/images/braeden.png的高度完全相同

如果您不想这样做，那么在显示较小的图像时，您必须将padding top添加到包含的div中，以适应高度差。

实际上没有任何移动。这两幅图像大小不同。