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

Css 使用文本链接更改图像的大小属性,css,width,mouseover,Css,Width,Mouseover,我相信这是非常简单的,但我被难住了 非常简单,我想创建一个文本链接,在鼠标悬停时更改图像的宽度属性,然后在鼠标悬停时返回到原始图像 我要更改的图像具有id“photoimage” 这是我所拥有的,但它没有任何作用。任何想法> <a href="#" onmouseover="MM_changeProp('photoimage','','Width','10','IMG')"> photographs </a> 非常感谢任何帮助Javascript: function s

我相信这是非常简单的,但我被难住了

非常简单,我想创建一个文本链接,在鼠标悬停时更改图像的宽度属性,然后在鼠标悬停时返回到原始图像

我要更改的图像具有id“photoimage”

这是我所拥有的,但它没有任何作用。任何想法>

<a href="#" onmouseover="MM_changeProp('photoimage','','Width','10','IMG')">
photographs
</a>
非常感谢任何帮助

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>
函数setWidth(elementId,width){
var元素=getElementById(elementId);
element.style.width=宽度;
}

我们可以看看你的
js
?MM\u changeProp函数是什么样子的?@DrydenLong这是Dreamweaver的内置函数。我们添加了这个函数,没有发现!你想坚持使用纯javascript还是同意使用jQuery?是的,我认为这是可以做到的,但遗憾的是,我无法让你的代码正常工作:-(
function setWidth( elementId, width ) {
    var element = getElementById(elementId);
    element.style.width = width; 
}

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