当前位置: 代码迷 >> ASP.NET >> 一个很简单的弹出窗口有关问题
  详细解决方案

一个很简单的弹出窗口有关问题

热度:1601   发布时间:2013-02-25 00:00:00.0
一个很简单的弹出窗口问题
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>
上面连接 弹出层
下面连接 弹出窗口
  相关解决方案