求jquery powerFloat 的高手，能帮我解决的，我给充10元Q币

function divPowerFloat(i){
    var app = "app_"+i;
    var appPf = "app_pf_"+i;
    $('#'+app).powerFloat({
      target: $("#"+appPf,window.parent.parent.document),
      offsets: {x:-81,y:-244},
      zIndex:999
    });
}function divPowerFloatTwo(i){
var app = "app_pf_Butt_"+i;
var appPf = "app_pf_two_"+i;
$('#'+app).powerFloat({
target: $("#"+appPf),
offsets: {x:-78,y:-180},
zIndex:999
});
} 我实现三个div层，第一层是固定显示的，当鼠标放第一层后显示第二层，鼠标放第二层显示第三层
我是这样实现的：第一层.powerFloat({target:第二层});
              第二层.powerFloat({target:第三层});
现在有个问题：鼠标放第三层上第二层本来应该继续显示的，但现在给隐藏了！！！！！这怎么解决呀？？？jQuery

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title> new document </title>
    <style type="text/css">
    #a1 {
    background-color: #ccccff;
    position: relative; width: 82px; height: 24px;
    }#a2 {
    background-color: #ff9900;
    position: absolute;
    left: 0px; top: 24px;
    width: 82px; height: 144px;
    display:none;}#a3 {
    background-color: #6633cc;
    position: absolute;
    left: 82px; top: 0px;
    width: 82px; height: 44px;
    display:none;
    }
    #a1:hover>div , #a2:hover>div {
    display:block;
    }
    </style>
    </head><body>
    <div id="a1">
    <div id="a2">
    <div id="a3">
    </div>
    </div>
    </div>
    </body>
    </html>
      

  2.   

    我三个div是并不在一起的！！
      

  3.   

    我的代码是这样的：
    function showData() {
    var a = 0;
    var b = 0;
    var c = 0;
    var str = "";
    for(var i=0;i<4;i++){
    var str1 = "";
    var imageCount = 1+i;
    str += "<div id='app_"+a+"' class='appButton' title='一级菜单_"+a+"' tabindex='0' onmouseover='divPowerFloat("+a+")' align='center'><div class='appButton_appIcon' id='app_icon_"+a+"'>";
    str += "<img src='images/imageFudong/icon"+imageCount+".png' width='40' height='40' class='appButton_appIconImg'/>";
    //d.add(data[i].menuNo, data[i].parentNo, data[i].menuName, data[i].linkURL, null, data[i].frameTarget);
    for ( var j = 0; j < 3; j++) {
    var str2 = "";
    var imageCount2 = imageCount+b+4;
    str1 += "<div class='appButton' id='app_pf_Butt_"+b+"' title='二级菜单_"+b+"' onmouseover='divPowerFloatTwo("+b+")'><div class='appButton_appIcon' id='app_pf_icon_"+imageCount2+"'>";
    str1 += "<img src='images/imageFudong/icon"+imageCount2+".png' width='40' height='40' class='appButton_appIconImg'/></div></div>";
    for(var k = 0;k < 3; k++){
    var iconNum = k + 1;
    var url = "view/admin/user/user_add.jsp";
    str2 += "<div class='appButton' id='app_pf_Butt_two_"+c+"' title='三级菜单_"+c+"' onclick=sendUrl("+b+","+a+",'"+url+"')><div class='appButton_appIcon' id='app_pf_icon_two"+c+"'>";
    str2 += "<img src='images/imageFudong/icon"+iconNum+".png' width='40' height='40' class='appButton_appIconImg' onmouseover='divShow("+a+");' onmouseout='function(){alert(11);}';/></div></div>";
    c++;
    }
    var div1 = document.createElement("div");
    div1.id= "app_pf_two_"+b;
    div1.className = "divPlacesTwo";
    div1.align = "center";
    div1.onmouseover = "divShow("+a+")";
    div1.onmouseout = "divHide("+a+")";
    div1.innerHTML = str2;
    parent.document.body.appendChild(div1);
    b++;
    }
    str += "</div></div>";

    var div = document.createElement("div");
    div.id= "app_pf_"+a;
    div.className = "divPlaces";
    div.align = "center";
    div.innerHTML = str1;
    parent.document.body.appendChild(div);
    a++;
    }
    document.getElementById("sidebar").innerHTML = str;
    }

        function divPowerFloat(i){
    var app = "app_"+i;
    var appPf = "app_pf_"+i;
    $('#'+app).powerFloat({
    target: $("#"+appPf,window.parent.parent.document),
    offsets: {x:-81,y:-244},
    zIndex:999
    });
    }function divPowerFloatTwo(i){
    var app = "app_pf_Butt_"+i;
    var appPf = "app_pf_two_"+i;
    $('#'+app).powerFloat({
    target: $("#"+appPf),
    offsets: {x:-78,y:-180},
    zIndex:999
    });
    }
    第一层在iframe里面的jsp,第二、三层在iframe同级，所以我在加第二三层的div时候用了parent.document.body.appendChild