鼠标放在一个控件上如何在鼠标旁边弹出另一个页面

如题

解决方案 »

  1.   

    <span style="cursor:pointer;" onmouseover="show()">显示网页</span>
    <br>
    <div id="frame" style="width:300px;height:200px;display:none;overflow:hidden;background:#F00;">
    <iframe name="myfrm" id="myfrm" src="" width="300" height="200" scrolling="auto" frameborder="0"></iframe>
    </div>
    <script>
    function show(){
    document.getElementById("frame").style.display="inline";
    document.getElementById("myfrm").src="http://www.baidu.com";
    }
    </script>具体的美化啊，隐藏啊就自己弄吧，抛砖引玉
      

  2.   

    <span style="cursor:hand;" onmouseover="show()"></span>
    <br>
    <div id="frame" style="样式自己设置">
    </div>
    <div id="divShow">
    </div>
    <script>
    function show(){
    document.getElementById("frame").style.display="inline";
    document.getElementById("myfrm").src="http://www.sina.com";
    }
    function disDiv(){
    document.getElementById("divShow").style.display="none";
    }
    </script>
    <body onload="disDiv()">
    </body>
      

  3.   

    就是为 onmouseover 事件写一个方法 弹出的东西一般是一个div 通过设置div的display和zindex属性来控制div的可见性  div中的数据可以通过ajax 从后台得到 然后动态的显示到div上 
    具体的实现 lz看着办吧