<!--点击设置挂件的显示与隐藏-->
function Changeimg(gid,img){
    
                        var oDiv = top.document.createElement("DIV");
                        oDiv.id = "guajian"+gid;
                        oDiv.style.top = 2;
                        oDiv.style.left = 2;
                        oDiv.style.width = 50;
                        oDiv.style.height = 200;      
                        oDiv.style.display = 'block';
      oDiv.style.cursor='move';
      oDiv.style.position='absolute';
                        oDiv.innerHTML="<img src='"+img+"' border=0 title='鼠标拖动可移动位置'>"
                        top.document.body.appendChild(oDiv);
      oDiv.onmousedown = function(){top.drag(this)};
      
     
}
用js动态创建的层,要往上面加一些层,出现
上面那段代码里的那个效果不知能不能加
<div id=daohang0 style="display:none;Z-INDEX: 2; left: 750px; WIDTH: 100px; POSITION: absolute; TOP: 300px; HEIGHT: 520px; cursor:move;"    >
<div id=daohangtitle style="display:none;background-color:#408CD9; height:18px; WIDTH: 100px; cursor:move;font-size:12px; color:#fff;padding:5px 0 0 5px;font-weight:600;">导航栏   <a href='javascript:;'  id="1">设置</a></div>
<div id="div1" style="display:none;Z-INDEX: 4; position:relative; left:-20px;  background-color:#ffffff; border:1px solid #000; font-size:12px;"></div>
<DIV title='鼠标拖动可移动位置' id=daohang style='display:none;Z-INDEX: 2;POSITION: absolute;top:22px;'><embed src=""></embed></DIV>
</div>

解决方案 »

  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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script>
    function drag(obj)
    {
      var s = obj.style
      var b = top.document.body
      var x = event.clientX + b.scrollLeft - s.pixelLeft
      var y = event.clientY + b.scrollTop - s.pixelTop
      var m = function()
      {
       if (event.button == 1)
       {
        s.pixelLeft = event.clientX + b.scrollLeft - x
        s.pixelTop = event.clientY + b.scrollTop - y
       }
       else top.document.detachEvent("onmousemove", m)
      }
      top.document.attachEvent("onmousemove", m)
      //if (!this.z) this.z = 999
      //s.zIndex = ++this.z
      event.cancelBubble = true
    }
    function show(o,divid)
    {
        var oDiv = document.getElementById("div"+o.id);
        if(oDiv.style.display=="")
        {
            o.innerHTML = "设置";
            oDiv.innerHTML = "";
            oDiv.style.display="none";
        }
        else
        {
            o.innerHTML = "设置";
            oDiv.innerHTML = getHTML(o.id,divid);
            oDiv.style.display="";
        } 
    }
    function hidden(id)
    {
      
        var oDiv = document.getElementById('div'+id); 
            oDiv.innerHTML = "";
            oDiv.style.display="none";
    }
    function changezindexend(ts){ 
        ts.style.zIndex = 0; 

    function changezindexdec(ts){ 
        ts.style.zIndex -= 1; 

    function changezindexadd(ts){ 
        ts.style.zIndex += 1; 

    function changezindexhead(ts){ 
        ts.style.zIndex = 999; 

    function getHTML(id,divid)
    {
        var str = "<table style='cursor:hand;' id='hidden_table'>"
        str +="<tr><td onMouseover="+"this.bgColor='#cccccc'"+" onMouseout="+"this.bgColor='#ffffff'"+"  onclick="
    str += "changezindexhead("+divid+");"
    str += "hidden("+id+")"
    str +=">移动到顶层</td></tr>"
        str +="<tr><td onMouseover="+"this.bgColor='#cccccc'"+" onMouseout="+"this.bgColor='#ffffff'"+" onclick="
    str += "changezindexadd("+divid+");"
    str += "hidden("+id+")"
    str +=">移动到上一层</td></tr>";
        str +="<tr><td onMouseover="+"this.bgColor='#cccccc'"+" onMouseout="+"this.bgColor='#ffffff'"+" onclick="
    str += "changezindexdec("+divid+");"
    str += "hidden("+id+")"
    str +=">移动到下一层</td></tr>";
        str +="<tr><td onMouseover="+"this.bgColor='#cccccc'"+" onMouseout="+"this.bgColor='#ffffff'"+" onclick="
    str += "changezindexend("+divid+");"
    str += "hidden("+id+")"
    str +=">移动到底层</td></tr>" 
        str +="<tr><td><hr></td></tr>"
        str +="<tr><td>还原默认位置</td></tr>"
        str +="<tr><td>还原到默认导航风格</td></tr>" 
    str +="</table>"
        return str;
    }
    </script>
    </head>
    <body> <div id=gonggao0 style="Z-INDEX:1; left: 300px; WIDTH: 159px; POSITION: absolute; TOP: 10px; HEIGHT: 120px; cursor:move;" onMouseDown="drag(this)" onmouseover="this.style.border='1px solid #408CD9'; document.getElementById('gonggaotitle').style.display='block';" onmouseout="this.style.border=''; document.getElementById('gonggaotitle').style.display='none';document.getElementById('hidden_table').style.display='none'">
    <div id=gonggaotitle style="display:none;background-color:#408CD9; height:18px; WIDTH: 166px; cursor:move;font-size:12px; color:#fff;padding:5px 0 0 5px;font-weight:600;">公告栏   <a href='javascript:;' onclick="show(this,'gonggao0')" id="2">设置</a></div>
    <div id="div2" style="display:none;Z-INDEX:2; position:relative; left:-20px;  background-color:#ffffff; border:1px solid #000; font-size:12px;"></div>
    <DIV title='鼠标拖动可移动位置' id=gonggao style='Z-INDEX:1; cursor:move; WIDTH: 90px; HEIGHT: 70px; top:22px; POSITION: absolute; word-wrap:break-word; left: 1px;'><img src="http://avatar.profile.csdn.net/D/2/E/2_jingangel.jpg" border=0></div>
    </div>
    </body>
    </html>