Question

asp.net页面如何实现这样的弹出窗口效果？

在一个页面上，弹出一个窗口，有点类似于百度知道的登录框那样

弹出来后父页面锁定，并且变暗或者变模糊

请问这种效果是怎么做的？？

最好能给个例子谢谢了。。

Answer 1

这个太简单了。。是用javascript结合CSS实现。。

如果你懂这两样的话。。我就把大概的原理给你说一下。。

那个登录框先做好。。在页面设置它的DIV属性display是none，z-index值为99（不过百度可是没有这么做，在本身的页面没有这个，而是通过AJAX技术加载的），然后通过那个登陆链接点击后通过JS设置它的display属性为block,然后还创建一个DIV层它的z-index值为77（比99小就行了），它的宽设置为100％，高设置为100％，透明度设置为50％。。如果此就可以做到了。。

具体的JS代码。。你自己写吧。。

实在不行。。再找我。。

Answer 2

有插件可以使用
建议使用jQuery+BlockUI插件.

jQuery: http://jquery.com/
BlockUI: http://malsup.com/jquery/block/#element

如果想要自己弄清楚原理,可以阅读blockui的源码,有说明的.
其实就是DIV层覆盖而已,首先在页面上罩上一个有透明度信息的DIV(填充整个页面),然后再在前面加上一个信息框.这是基本原理,实际编写的时候需要考虑很多信息

Answer 3

http://leotheme.cn/wp-content/uploads/Example/js/tipswindown/

上面的地址里有演示和源码下载及使用说明.祝好!

Answer 4

现在很多框架什么的都可以:
jQuery;
AJAX ;比较流行的都是!
都可以是先你的效果!而且你花时间在上边的话 可定做的比 百度 漂亮!
10亿中国人在支持你呢! 加油吧朋友!

Answer 5

百度： Js遮罩层。