は、大きな青いブロックを画面内に移動させるコードです。また、画面には小さな赤い箱「爆弾」があります。それらの2つが最終的に出会うとき、どうやって関数や何かを呼び出すことができます。私はいくつかの行を書くか、PHPファイルをインクルードする必要があります。 jQuery/JSを使用して2つのdivが「会う」ときに関数を呼び出す方法は?
あなたはAコードはここにhttp://vidasp.net/tinydemos/javascript-detect-overlapping.html見つけることができる衝突ありがとうございますが、どのようにオブジェクトを移動するには?
<html>
<head>
<style>
.block {
position:absolute;
background-color:#abc;
left:50px;
width:90px;
height:90px;
margin:5px;
}
.bomb {
position:absolute;
background-color:red;
left:550px;
width:40px;
height:40px;
margin:5px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button id="left">left</button> <button id="right">right</button> <button id="up">up</button> <button id="down">down</button>
<div class="block"></div><div class="bomb"></div>
<script>
$("#right").click(function(){
$(".block").animate({"left": "+=50px"}, "fast");
});
$("#left").click(function(){
$(".block").animate({"left": "-=50px"}, "fast");
});
$("#up").click(function(){
$(".block").animate({"top": "-=50px"}, "fast");
});
$("#down").click(function(){
$(".block").animate({"top": "+=50px"}, "fast");
});
</script>
</body>
</html>
待ちを見て、それが '私のデモです:)' –
私はstackoverflowのを通してそれを発見し、私はと思いました私が欲しいものの素晴らしい例です! – EnexoOnoma
私はあなたの問題をちょっと後で見ていきます... –