使用javascript调整大小按钮图像

问题描述：

我希望以下按钮（及其图像）在单击它时更改大小。该对话框显示，但尺寸并没有改变..使用javascript调整大小按钮图像

<html> 
    <input type="image" src="pacman.png" onClick=" 
     alert('test'); 
     this.height='200px'; // change de button size 
     // this.image.height='200px'; // not sure if this line will work.. 
    "/> 
</html>

需要在JavaScript中，没有在CSS中，becouse我会让后来的动画..

您是否使用jQuery？如果是这样，您可以轻松处理点击和尺寸更改。即：$（'＃button'）。click（function（）{$（this）.css（'height'，'200px'）;}）; - 我不主张像在你的例子中那样使用内联JavaScript，但是如果你没有在其他地方使用javascript，并且不需要像jQuery这样的库，那就没问题。 – 2010-09-22 15:40:39

答

你必须控制“风格”属性：

this.style.height = '200px';

答

您可以

this.style.height = "200px";

做到这一点，但你应该看看jQuery的，一个EXCELLEN t Javascript库，这使得它很容易做到这一点加很多更多！这是值得的小学习曲线，相信我。 http://www.jquery.com

针对jQuery参考的+1 – 2010-09-22 15:47:39

使用javascript调整大小按钮图像

相关推荐