jQuery添加地图标注无法再iframe中运行下面的map.php页面在iframe中无法运行mouseover和mouseout及append,
jQuery添加地图标注无法再iframe中运行
下面的map.php页面在iframe中无法运行mouseover和mouseout及append,怎样才能在index.html页面实现?
- HTML code
<!--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/mark.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/mark.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> [解决办法]
其实你可以,无满意给贴啊~~
真要送分吗?太感谢了...
[解决办法]
太感谢了...
