style #character position absolute; top 100px; left 100px; width 50px; height 50px; background-image urlimgplayer3gif; background-size cover; cursor pointer; style head body d

<script>
		// 宝箱状态
		var isTreasureFound = false;
		// 设置宝箱位置
		$('#treasure').css({top: '300px', left: '500px'});

		// 检查宝箱是否被找到
		function checkTreasure(){
			var character = $('#character');
			var treasure = $('#treasure');
			var characterPosition = character.position();
			var treasurePosition = treasure.position();
			if(Math.abs(characterPosition.top - treasurePosition.top) <= 50 && Math.abs(characterPosition.left - treasurePosition.left) <= 50){
				isTreasureFound = true;
				alert('恭喜你找到了宝箱！');
			}
		}
	</script>