读书人

关于.net超链接弹出新的小窗体,该如何

发布时间: 2013-01-04 10:04:18 作者: rapoo

关于.net超链接弹出新的小窗体
关于.net超链接弹出新的小窗体,该如何处理最近在写一个网页项目,要做一个登陆界面,和QQ大人登陆界面一样,要做出这样的效果,那个大哥大姐帮下忙啊
[解决办法]
其实就是个DIV
[解决办法]
不错,就是弹出一个div
或者使用jquery的插件也是可以的

参考:
http://www.cnblogs.com/px7034/archive/2010/08/26/1809382.html


[解决办法]


var Cms ={
OpenBarrierbed: function (txt) { //打开遮挡层
if (document.getElementById("barrierbed")) {
$("#barrierbed").show();
$("#barrierbedchild").show();
$("#barrierbedchild").html(txt);
} else {
CmsData.Tools.CreateDiv("barrierbed", document.body);

$("#barrierbed").css({
"width": "100%", "height": "100%", "position": "fixed", "background": "#000", "top": "0px", "left": "0px",
"z-index": "1", "filter": "Alpha(Opacity = 70)", "opacity": "0.7"
});

Cms.CreateDiv("barrierbedchild", document.body);
$("#barrierbedchild").css({
"position": "fixed", "background": "#FFF", "border": "solid 3px #EEE", "padding": "0px 0px",
"top": "140px", "left": "260px", "z-index": "200"
});
$("#barrierbedchild").html(txt);
}
},
CloseBarrierbed: function () { //关闭遮挡层
$("#barrierbed").hide();
$("#barrierbedchild").hide();
},
CreateDiv: function (id, father) { //创—IV
var coverDiv = document.createElement('div');
coverDiv.id = id;
father.appendChild(coverDiv);
}
};

调用 Cms.OpenBarrierbed(txt) txt是最上层DIV源码 我这边是动态获取 你自己可以写好 控制隐藏显示就好
最近刚写的 其实很简单 就是先创建一个DIV遮挡层 设置铺满屏
然后再创建一个DIV层 浮在此DIV遮挡层上面就好了
[解决办法]
遮罩 通过控制z-index的大小 来控制层次

3L的代码已经挺好理解了
------解决方案--------------------


不过,这个DIV里面很可能是一个框架。
我特意把代码上传到了下载频道,结果提示我等。。。。。。。

你随后搜索下“弹出层背景变暗” 看行不行

读书人网 >asp.net

热点推荐