使用文本链接更改图像的大小属性

时间:2014-01-28 18:50:56

标签: css width mouseover

我确信这很简单,但我很难过。

很简单,我想创建一个文本链接,在鼠标移开时更改图像的width属性,并在鼠标移出时返回原始文件。

我想要更改的图片有一个id“photoimage”

这就是我所拥有的,但它没有做任何事情。任何想法>

<a href="#" onmouseover="MM_changeProp('photoimage','','Width','10','IMG')">
photographs
</a>

对不起,这是函数

function MM_changeProp(objId,x,theProp,theValue) { //v9.0
  var obj = null; with (document){ if (getElementById)
  obj = getElementById(objId); }
  if (obj){
    if (theValue == true || theValue == false)
      eval("obj.style."+theProp+"="+theValue);
    else eval("obj.style."+theProp+"='"+theValue+"'");
  }

任何帮助非常感谢

1 个答案:

答案 0 :(得分:0)

使用Javascript:

function setWidth( elementId, width ) {
    var element = getElementById(elementId);
    element.style.width = width; 
}

<a href="#" 
   onmouseover="setWidth('photoimage','200px')" 
   onmouseout="setWidth('photoimage', '100px')"> photographs </a>