jQuery添加地图标注无法再iframe中运行

下面的map.php页面在iframe中无法运行mouseover和mouseout及append，怎样才能在index.html页面实现？<!--index.html-->
<iframe id='ifr' name="mapfull" frameborder="0" width="100%" height="600px" src="map.php"></iframe>
<!-- map.php -->
<html>
<head>
<title></title>
<script src="jquery_1.4.2.js"></script>
</head>
<body>
<div id="mapbox" style="float:left;position:relative;overflow:hidden;width:1200px;z-index:1">
<img id="pic" width="1200px" height="1973px" style="position:relative;z-index:-1;" src="images/all.png" />
</div>
<script>
$(function(){
var lx=645;
var ly=-870;
//alert("lx-->>"+lx);
//$("#mapbox").append("<div style='position:relative;top:"+ly+";left:"+lx+";'>。</div>");
$("#mapbox").append("<div style='position:relative;top:"+(ly-10)+";left:"+(lx-13)+";'><img id='img0' src='images/.png' /></div>");//在图片显示用户输入的信息
$("#img0").mouseover(function(){
$("#mapbox").append("<div id='img00' style='/*background:url(images/border.png) no-repeat;*/ width=300;height:150;padding:10px; position:relative;z-index:-1;top:"+(ly-205)+";left:"+(lx-30)+";'>O(∩_∩)O哈哈~<br><i>(～ o ～)Y</i></div>");
});
$("#img0").mouseout(function(){
if($("#img00"))
$("#img00").remove();
});
$("#img0").click(function(){
alert("0 - turn to 3d map");
});
var lxs=423;
var lys=-1519; $("#mapbox").append("<div style='position:relative;top:"+(lys-10)+";left:"+(lxs-13)+";'><img id='img1' src='images/.png' /></div>");//在图片显示用户输入的信息
$("#img1").mouseover(function(){
$("#mapbox").append("<div id='img11' style='/*background:url(images/border.png) no-repeat;*/ width=300;height:150;padding:10px; position:relative;z-index:-1;top:"+(lys-180)+";left:"+(lxs-30)+";'>(ˇˍˇ） 想～<br><i>( ⊙ o ⊙ )啊！</i></div>");
});
$("#img1").mouseout(function(){
if($("#img11"))
$("#img11").remove();
});
$("#img1").click(function(){
alert("1 - turn to 3d map");
});
});
</script>
</body></html>