如何在點擊按鈕後在文本後面顯示圖片

我正在製作網站，我想要一個幫助按鈕。點擊時，圖像顯示在文字後面。如何在點擊按鈕後在文本後面顯示圖片

<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

如何在點擊按鈕後在文本後面顯示圖片

回答

相關問題