Question

首先，我不再是学生，为了其他目的而这样做，所以不要耽搁帮助;）

我想在我的网页中加入一个简单的程序。我想要4个按钮标记右臂，左臂，激活声音并向前走。这些按钮上方会有一个框显示机器人的图像，当用户按下按钮时，我希望在框中加载不同的图像。

因此，如果按下右臂按钮，则需要显示机器人抬起右臂的图像。

所以基本上我想要的按钮就是加载属于每个按钮的图像。我假设java是最好的选择？我有开源Java包，在将其嵌入网页时是否需要任何其他软件？我的网页是在Dreamweaver上完成的，我对html非常好。如果有人能指出我正确的方向，我将不胜感激.....谢谢

Answer 1

不要为此使用Java。使用JavaScript。像这样：

HTML：

<img src="one.jpg" id="firstImage" />
<img src="two.jpg" id="secondImage" />

<button id="doSomething">Do Something</button>
<button id="doSomethingElse">Do Something Else</button>

CSS：

img {
    display: none;
}

JavaScript的：

var hideImages = function() {
    $('#firstImage').hide();
    $('#secondImage').hide();
};

$('#doSomething').click(function() {
    hideImages();
    $('#firstImage').show();
});

$('#doSomething').click(function() {
    hideImages();
    $('#secondImage').show();
});

这基本上做的是最初不显示图像，只显示按钮。然后，在单击每个按钮时，将显示相应的图像。（并且所有其他图像首先被隐藏，因为之前的按钮点击会显示以前的图像。）

当然，这是一个过于简单的概念证明。至少你会想要使用更好的变量名称:)这只是演示了如何在JavaScript中显示/隐藏图像以响应按钮点击的想法。（这也假定使用jQuery，这是一个安全的假设。最简单的方法是使用标准a CDN link在您的页面中引用HTML script tag。）你可以see this code in action here（当然，虽然图像已经破了。）

如果有很多按钮和大量图像，您可以将代码重新分解为重复性较低。也许将图像存储在一个数组中并有一个按钮点击处理程序，它可以将发送按钮与正确的数组元素等相关联。这取决于你。

Answer 2

有许多技术可以帮到你：javascript就是其中之一，它比使用Java这么简单的事情要简单得多。如果您真的想要为该项目使用Java，则可以使用Java applet。

将基本Java程序添加到网站中

2 个答案: