Question

我之前从未编过代码所以我不太了解，我看了这个关于如何制作js按钮的youtube视频youtube video

<div style="position:absolute; margin-left:1202px;"
<input type="image" src="images/login.png"
onmouseover="javascript:this.src='images/loginpressed.png';" 
onmouseout="javascript:this.src='images/login.png';" />
</div>

我可以看到代码在Dreamweaver中有效，但是对于某些原因，其他人无法在website上看到它

Answer 1

您在>之后忘记了<div style="position:absolute; margin-left:1202px;"。因此，该按钮现在是div声明的一部分。

B.t.w。您可以使用input type=image之外的其他元素来实现类似的结果，例如span或div或实际的链接元素（a href）并应用一些CSS来为其提供不同的背景图像。例如：

HTML：

<span class="button" onclick="alert('clicked');">Caption</span>

CSS：

.button {
  display: inline-block;
  height: 30px;
  background-image: url(normalstate.png);
}
.button:hover {
  background-image: url(hoverstate.png);
}

Answer 2

可能在其他地方找不到图像的路径。

尝试使用javascript在html中创建一个按钮

2 个答案: