文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在单击按钮时获得文本后面的图像

问如何在单击按钮时获得文本后面的图像
EN

Stack Overflow用户

提问于 2016-08-05 11:30:18

回答 2查看 102关注 0票数 0

我正在制作一个网站，我想有一个帮助按钮。当它被点击时，文本后面会显示一个图像。

<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">

我该怎么做呢？谢谢。

javascript

html

css

image

回答 2

Stack Overflow用户

发布于 2016-08-05 13:33:14

首先，如果你想调用一个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')");
}

票数 1

Stack Overflow用户

发布于 2016-08-05 11:32:23

首先，如果你试图调用一个函数，它应该是onclick="showimage()"，而不只是onclick="showimage"

对于图片:可以尝试将文本和图片放在同一个div中？我知道默认情况下，文本会跳过图片。如果没有，可以看看像foundation这样的框架

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38780640

复制

相似问题

问如何在单击按钮时获得文本后面的图像
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在单击按钮时获得文本后面的图像EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在单击按钮时获得文本后面的图像
EN