Question

我正在使用此JavaScript函数以便在点击时更改图像，但它一直在刷新并返回到原始图像。

这是我正在使用的代码;

function showImage1() {; 
    document.getElementById('Image5').style.visibility = 'visible';
    document.getElementById('Img1').style.visibility = 'hidden';
}

<div>
    <input ID="Button1" type="image" src=" Resources/Icons/benefitBtn.png" OnClick="showImage1();"/>
</div>

有什么建议吗？

Answer 1

<input ID="Button1" type="image" src="Resources/Icons/benefitBtn.png" onClick="showImage1();return false;"/>

添加return false应该停止任何提交性质。 如果我理解正确...... ：）

Answer 2

试试这个：

 function toggleImage(elementToShow,elementToHide){
    $("#" + elementToShow).show();
    $("#" + elementToHide).hide();
 }

 <div>
 <input ID="Button1" type="button" class="yourButtonClass" OnClick="showImage1('Image5','Img1');"/>
 </div>

 set your button's background image in your stylesheet.

JavaScript图像处理程序

2 个答案: