当前位置:编程学习 > JAVA >>

新手求教.....

实习生,想问一下关于那个鼠标事件,当鼠标经过一区域的时候显示一个div框,然后鼠标移走时div框消失........怎么写?...还有这段代码什么意思,这个是关于百度地图开发的代码
jQuery(document).ready(function(){
    var buildinfo;
    var jg;
    var x = [];
    var y = [];
    var length;
    var pointarray;
    jQuery.getJSON("json/buildinginfo4x.json", function(data){
        //======设置全局变量JsonData_Building=======
        //数据需要在Cmap_Base中的mouseove事件中使用,判断在哪个层作画,是/否隐藏该层
        //JsonData_Building = data;
        //=================================
        
        var iitmp = 0;
        var oldpertmp;
        document.getElementById("d_map").onclick = function(){
            //alert(CZoomControl_zoomPercent[CZoomControl_zoomIndex]+""+Base_OldPercentTmp);
            if (isInsidePolygon(_Theodolite$point.x, _Theodolite$point.y, pointtmp, 0.8, CZoomControl_zoomPercent[CZoomControl_zoomIndex])) {
                //JqueryMarker$strMsg(data.building[iitmp].title);//弹出消息
                
                var div_3d = document.createElement("Div");
                div_3d.id = "div_showbuildinfo";
                //str = "<iframe src='flash/Test11_mv.html' width='800' height='500' frameborder='no' border='0' marginwidth='0' marginheight='0' scrolling='no'></iframe>";
                str = "<iframe src='divin/test09_newflat.html' width='775' height='559' frameborder='no' border='0' marginwidth='0' marginheight='0' scrolling='no'></iframe>";
str += "<div width='755px' class='span_repair a_close' style='cursor:pointer;'><center><a href='#' class='span_repair a_close'>关闭</a></center></div>";
                div_3d.innerHTML = str;
$("d_map").appendChild(div_3d);
a=hiBox('#div_showbuildinfo', data.building[iitmp].title, '1200', '620', '', '.a_close');
//alert(a);
            }
        }
        
        var flag = false;
        var pointtmp = [];
        document.getElementById("d_map").onmousemove = function(){
            //if(CZoomControl_zoomPercent[CZoomControl_zoomIndex]==0.8) Base_OldPercentTmp=0.8;//同步高亮显示区
            for (var ii = 0; ii < data.building.length; ii++) {
                pointtmp = data.building[ii].point;
                
                if (document.getElementById("div_cityinfomapper").childNodes.length >= 1 && flag) {
                    iitmp = 0;
                    flag = true;
                    return;
                }
                if (isInsidePolygon(_Theodolite$point.x, _Theodolite$point.y, pointtmp, 0.8, CZoomControl_zoomPercent[CZoomControl_zoomIndex]))//鼠标焦点在高亮显示区
                {
                    // alert(true);
                    iitmp = ii;
                    //创建用于画图的div节点
                    if (document.getElementById("div_building_" + data.building[ii].bid) == null) {
                        buildinfo = document.createElement("div");
                        //buildinfo.calss = "div_building";
                        buildinfo.className = "div_building";
                        buildinfo.id = "div_building_" + data.building[ii].bid;
                        document.getElementById("div_cityinfomapper").appendChild(buildinfo);
                        document.getElementById("div_cityinfomapper").style.zIndex = 5;//修改层的等级高于cover覆盖层
                        //读取画多边形的x,y集合
                        x = [];//清空点集x,y
                        y = [];
                        pointarray = data.building[ii].point;
                        for (var i = 0; i < pointarray.length; i++) {
                            x.push((data.building[ii].point[i] / 0.8) * CZoomControl_zoomPercent[CZoomControl_zoomIndex]);
                            i++;
                            y.push((data.building[ii].point[i] / 0.8) * CZoomControl_zoomPercent[CZoomControl_zoomIndex]);
                        }
                        jg = new jsGraphics(buildinfo.id);
                        jg.setColor("filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;");
                        jg.fillPolygon(x, y);
                        jg.setStroke(2);
                        jg.setColor("#00ff00");
                        jg.drawPolyline(x, y);
                        jg.paint();
                        
                        return;
                        
                    }//if创建节点->作图
                }
                else {//鼠标焦点不在高亮显示区
                    document.getElementById("div_cityinfomapper").style.zIndex = 3;//修改为默认层等级
                    if (document.getElementById("div_showbuildinfo") != null) {
                        $("div_showbuildinfo").innerHTML = null;
                        $("d_map").removeChild($("div_showbuildinfo"));
                    }
                    flag = false;
                    if (document.getElementById("div_cityinfomapper").childNodes.length >= 1) {//节点个数
                        jg.clear();
                        document.getElementById("div_cityinfomapper").innerHTML = null;
                        
                        //清空数据        
                        buildinfo = null;
                        //jg = null;
                        x = null;
                        y = null;
                        length = null;
                        pointarray = null;
                    }
                }
            }//for(var ii=0;ii<data.building.length;ii++)
        };
        
        
    });
});

function JqueryMarker$strMsg(str){
    alert(str);
}

麻烦高手给讲解一下~谢谢 地图 --------------------编程问答-------------------- 没人么~~~~~~~哪位高手指教一下~谢谢。 --------------------编程问答-------------------- 咱只能回答上来第一个问题
你在div上面绑定事件,当鼠标移动到上面就触发事件,将div显示出来,移出就将div隐藏掉,具体的事件自己去查一下
http://www.cnblogs.com/wei2yi/archive/2011/11/29/2267072.html --------------------编程问答-------------------- jQuery(document).ready(function(){}  这个东西呢,是表示你Jsp页面加载完成之后,就执行的函数。
document.getElementById("d_map").onclick = function(){} 这个东西呢,是当你点击id为d_map的时候,执行的函数。 
document.getElementById("d_map").onmousemove = function(){} 这个呢,就是你鼠标离开那个id味d_map时所做的操作。
补充:Java ,  Web 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,