Question

我正在创建一个网站，我想要一个帮助按钮。单击它时，图像会显示在文本后面。

<body>
  <div id="inputdiv">
	Team 1:
<p>
 <input type="text" name="fname" id="name">

<p>
Team 2:
<p>
<input type="text" name="fname2" id="name2">
</div>

<button onclick="showimage"> Help</button>
  <img src="https://support.files.wordpress.com/2009/07/pigeony.jpg?w=688">

我该怎么做？感谢。

Answer 1

首先，如果你想调用一个jquery函数，你必须调用“showimage（）”（在你的代码中你应该写为

<button onclick="showimage()"> Help</button>

如果要在文本后面显示图像，请为要显示图像的div设置id并将jquery写为

function showimage(){
  $("#id-of-that-div").css("background-image", "url('https://support.files.wordpress.com/2009/07/pigeony.jpg?w=688')");
}

Answer 2

首先，如果您尝试调用某个函数，则onclick="showimage()"不仅仅是onclick="showimage"

图片：尝试将文本和图片放在同一个div中吗？我知道文本默认是为了拍照。如果没有研究像基础

这样的框架

单击按钮时如何在文本后面获取图像

2 个答案: