注册 登录
编程论坛 ASP.NET技术论坛

百度知道里面的浮动登陆框是怎么实现的?

zfyhome 发布于 2008-09-03 21:51, 2897 次点击
百度知道里面的浮动登陆框是怎么实现的?能不能给个思路?
6 回复
#2
hebingbing2008-09-03 22:13
ajax里有个模仿关机效果的空间可以轻松完成……
我没有做过这个东西,不过我想模式窗口加透明层应该可以完成……
#3
1916381412008-09-04 07:59
AJAX的过于死板,不能满足客户的要求,最好使用CSS与DOM,XML技术;
上面的可用2个层和触发事件完成
#4
bb38522008-09-08 11:09
用div层就可以了吧,感觉这个css了解的人,很容易就作出效果来了
#5
freexiaoyu2008-09-08 11:34
ajax DIV+CSS  ext

EXT http://
#6
bygg2008-09-08 12:40
页面中:
<div id="divBG" style="display:none; position: absolute; left:0px; top:0px; background-color:#F7F9FE;">
        </div>
        <div id="loginCtrl" class="" style="display:none; position: absolute; left:0px; top:0px; background-color:Transparent; width:400px;">
        <center>
        <table width="100%">
.............
        </table>
        </center>
        </div>

脚本:
function login()
{
    sWidth=document.body.offsetWidth;
    sHeight=screen.height;        
   
    var bgObj = document.getElementById('divBG');
    bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=2,opacity=25,finishOpacity=75";
    bgObj.style.opacity="0.5";
    bgObj.style.width = sWidth;
    bgObj.style.height = sHeight;
    bgObj.style.display="inline";
   
    var bgObjCtrl = document.getElementById('loginCtrl');
    bgObjCtrl.style.width = sWidth;
    bgObjCtrl.style.display="inline";
}
#7
雨夜·路人2008-09-08 22:12
好高深的技术
1