單擊時更改圖像的位置
[英]change the position of image on click
問題描述
<html>
<head>
<script type="text/javascript">
function changepic()
{
document.getElementById("demo").style.top=2000;
}
</script>
</head>
<body>
<h1>My First Web Page</h1>
<div id="demo">
<img src="./omna.jpg" style="position:absolute; left: 400; top: 100; width: 200; height: 200;"/>
</div>
<button type="button" onclick="changepic()">change pic</button>
</body>
</html>
為什么我無法改變圖片的位置是怎么回事？
<img id="demo"> ' google says it works
我不知道，但上面的 html 頁面不起作用我想在單擊按鈕時更改圖像的位置，請幫助我解決這些問題。 我使用谷歌瀏覽器
<img onclick="somefunc()"> can I set function onclick to image also? right?
但它不起作用請幫助我使用 html 代碼！
2 個解決方案
解決方案1
2 已采納 2011-09-17 15:41:17
您正在嘗試使用 id demo設置元素的top ，即<div> 。 我假設 div 沒有position:absolute設置，所以不會移動到任何地方，我猜你希望<img>移動而不是<div>無論如何。 如果您從<div>刪除 id 並將其添加到<img> （就像在上面的第二段代碼中一樣），您應該不會有任何問題。 此代碼應該工作：
<html>
<head>
<script type="text/javascript">
function changepic()
{
document.getElementById("demo").style.top=2000 + "px";
}
</script>
</head>
<body>
<h1>My First Web Page</h1>
<div>
<img id="demp" src="./omna.jpg" style="position:absolute; left: 400; top: 100; width: 200; height: 200;"/>
</div>
<button type="button" onclick="changepic()">change pic</button>
</body>
</html>
解決方案2
1 2011-09-17 15:42:43
您設置圖像的內聯樣式，然后設置 div 的top 。 要么做一個，要么做另一個。 或者最好還是刪除 div，向您添加一個id並設置它的樣式。
<img id="image" src="./omna.jpg" style="position:absolute; left: 400; top: 100; width: 200; height: 200;" />
document.getElementById("image").style.top=2000;
通過單擊圖像映射更改設置為背景的精靈圖像的位置
[英]Change the position of a sprite image set as background using click on image mapping
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.