如何在点击按钮后在文本后面显示图片

我正在制作网站，我想要一个帮助按钮。点击时，图像显示在文字后面。如何在点击按钮后在文本后面显示图片

<body> 
 
    <div id="inputdiv"> 
 
\t 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">

我将如何做到这一点？谢谢。

来源

2016-08-05 hamish

第一，如果你想调用一个函数应该是onclick="showimage()"不仅仅是onclick="showimage"

对于图片：尝试把文字和图片在同一个DIV也许？我知道文字默认会翻阅一张照片。如果不考虑一些框架状粉底

来源

2016-08-05 03:32:22

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

来源

2016-08-05 05:33:14 Gowtham

如何在点击按钮后在文本后面显示图片

回答

相关问题