狙撃ゲームの開発を開始しましたが、狙撃兵の画像を div 内で移動する際に問題が発生しています。私の主な目標は、マウスが div の上にあるときに、その画像を狙撃兵の画像に変更したいということです。
<center>
<div id="field" class="cursor1">
</div>
</center>
<script type="text/javascript">
$(document).ready(function() {
$("#field").mouseover(function() {
$(this).addClass("cursor");
});
});
</script>
<style type="text/css">
#field
{
width:300px;
height:300px;
border:1px solid;
}
.cursor
{
cursor:url("sniper.jpg") ;
}
</style>
しかし、それはうまくいきませんでした。div内で画像を移動するにはどうすればよいですか?