アプリ版：「スタンプのみでお礼する」機能のリリースについて

javascriptで困っています。教えてください

解決済

  • 質問者：dkong
  • 質問日時：
  • 回答数：1件

javascriptでimgタグの位置を変更しようと考えています。上、下の表示（divタグ）をクリックして上下に移動させたいのですが、上手くいきません。教えていただきたいと思い、投稿させていただきました。よろしくお願いします。


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=480">

<style type="text/css">
<!--
#wrapper{
width:640px;
height:480px;
position:relative;
}



#kt{
width:250px;
height:250px;
position:absolute;
top:100px;
left:100px;

}

#up{position:absolute; z-index: 1;top:0px;width:20px;height:20px;background-color:#F00;}
#down{position:absolute; z-index: 2;top:30px;width:20px;height:20px;background-color:#F00;}

-->
</style>

</head>
<body>

<div id="wrapper">

<div id="up">上</div>
<div id="down">下</div>

<img id="kt" src="kt.png">

</div>

<script type="text/javascript">


var up_element = document.getElementById("up");
up_element.addEventListener("click", touchUp, false);

function touchUp() {

document.getElementById("kt").style.top = 50;

　　　　}


var down_element = document.getElementById("down");
down_element.addEventListener("click", touchDown, false);

function touchDown() {

document.getElementById("kt").style.top = 200;

}

</script>


</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： fujillin
  • 回答日時：

mobileの動作はよくわからないのですが…



＞document.getElementById("kt").style.top = 50;
のpositionを指定し直すところで　"50px"　のように指定してもだめでしょうか？
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます。うまくいきました。

通報する
お礼日時：2013/08/05 17:54

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報