百度知道里面的浮动登陆框是怎么实现的？(页 1) - ASP.NET技术论坛

zfyhome 发表于 2008-9-3 21:51

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

百度知道里面的浮动登陆框是怎么实现的？能不能给个思路？
[img]http://www.xtgc.net/upload/baidu.jpg[/img]

hebingbing 发表于 2008-9-3 22:13

ajax里有个模仿关机效果的空间可以轻松完成……
我没有做过这个东西，不过我想模式窗口加透明层应该可以完成……

191638141 发表于 2008-9-4 07:59

AJAX的过于死板，不能满足客户的要求，最好使用CSS与DOM，XML技术；
上面的可用2个层和触发事件完成

bb3852 发表于 2008-9-8 11:09

用div层就可以了吧，感觉这个css了解的人，很容易就作出效果来了

freexiaoyu 发表于 2008-9-8 11:34

ajax DIV+CSS ext

EXT http://freexiaoyu.cnblogs.com

bygg 发表于 2008-9-8 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";
}

雨夜·路人 发表于 2008-9-8 22:12

[tk01] 好高深的技术

页: [1]