首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

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

2013-01-04 
关于.net超链接弹出新的小窗体最近在写一个网页项目,要做一个登陆界面,和QQ大人登陆界面一样,要做出这样的

关于.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) {  //创建DIV
        var coverDiv = document.createElement('div');
        coverDiv.id = id;
        father.appendChild(coverDiv);
    }
};

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

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


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

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

热点排行