日期:2014-05-18  浏览次数:20554 次

一个很简单的弹出窗口问题
http://www.microsoft.com/china/     这个页面上当鼠标放到快速链接上面弹出一个窗口,我想问一下用JAVSSCRIPT是如何实现的,望高手帮忙给点代码,应该不是什么难题吧.

------解决方案--------------------
就是一个链接,鼠标移动上去显示/隐藏一个 DIV 啊,没什么特殊的
------解决方案--------------------
嗯 隐藏的DIV 加了一些效果。。
------解决方案--------------------
浏览页面,右键-> 查看源代码-》找到菜单的名字,看他的div是怎么写的
------解决方案--------------------
http://community.csdn.net/Expert/topic/5542/5542650.xml?temp=.4494593
道理一样 网上也很多 找div菜单
------解决方案--------------------
<html>
<script>
function showdiv()
{
var s=document.getElementById( "sdiv ");
s.style.display= "inline ";
}
function hiddiv()
{
var s=document.getElementById( "sdiv ");
s.style.display= "none ";
}
</script>
<body onload=hiddiv()>
<div id= "sdiv " style= "position:absolute;top:100;left:100;z-index:9999 " > this is div </div>
<a href= " " onmouseover= "showdiv() " onmouseout= "hiddiv() " > this is a div </a> <br>
<a href= " " onmouseover= "window.open( 'http://www.microsoft.com/china/ ') " > http://www.microsoft.com/china/ </a>
</body>
</html>
上面连接 弹出层
下面连接 弹出窗口