我正在使用内联 onclick 来切换页面上用作选项卡的两个图像。交换效果很好,但是当页面重新加载图像时,图像会恢复为主图像。我希望图像保持为“选定”图像,直到单击另一个选项卡。
<img id="image3" src="images/charts1.png" style="display:inline;" onclick="document.getElementById('image3').style.display='none'; document.getElementById('image4').style.display='inline';" "/>
<img id="image4" src="images/charts2.png" style="display:none;" onclick="document.getElementById('image4').style.display='none'; document.getElementById('image3').style.display='inline';"/>
我的剧本
<script>
if (document.images) {
img1on = new Image();
img1on.src = "images/over1.jpg";
img1off = new Image();
img1off.src = "images/notover.jpg";
img2on = new Image();
img2on.src = "images/over2.jpg";
img2off = new Image();
img2off.src = "images/notover.jpg";
}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");}
}
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");}
}
</script>