问题描述
跪求q吧的登录效果http://web.qbar.qq.com/1、单击“登录”后“弹出”一个对话框2、然后该对话框的后面的窗体变模糊了3、然后该对话框的后面的窗体点不动了4、然后主窗口的滚动条点不动了！5、能否在aspx(vb)中合并使用。我希望在页面第一次打开的时候弹出该登录框谢谢！谢谢！谢谢！
解决方案
解决方案二：
页面第一次打开的时候弹出该登录框--这样的用户体验不太合适吧。如果加载速度慢。用户就只能先看着灰灰的页面，不能进行其他操作了。个人觉得还是让用户点击的时候出现，比较好点。可以这样简单的实现：页面放一个label在页面loading的时候。lblLogin.Text="<divid="loginbg"style="width:100%;height:expression(document.body.clientHeight);background:#ccc;"+"filter:alpha(opacity=40);position:absolute;"></div>";
页面放一个隐藏的panel,里面放table,或者div注意写css控制出现的位置.pl{position:absolute;top:50%;left:50%;z-index:99//对话框出现在最上层}
解决方案三：
这个是用ajxt实现在的！，据体的实现方法不太清楚！
解决方案四：
不用ajax也照样实现其实就是层的block我这里有源码想要的话联系我binlinchengxia_hb@163.com
解决方案五：
实现效果：弹出一个窗口的时候，窗口后面的页面变暗，并且不能操作难点：因为div层是不能把select控件遮住的，所以要特殊处理，方法两种，一种是在弹出窗口下面加一层iframe来遮住select；第二种是所以要在弹出的时候，先把select控件隐藏，这里选择第二种方法实现原理：在页面上和弹出窗口中间加一个半透明的层，把页面的内容覆盖掉<scriptlanguage="javascript">functionOpen(){//隐藏select控件DispalySelect(0);//显示遮罩层document.getElementById("divPageMask").style.display="block";//处理遮罩层resizeMask();window.onResize=resizeMask;//显示弹出窗口document.getElementById("divOpenWin").style.display="block";}functionClose(){//显示select控件DispalySelect(1);//处理遮罩层divPageMask.style.width="0px";divPageMask.style.height="0px";divOpenWin.style.display="none";window.onResize=null;document.getElementById("divOpenWin").style.display="none";}//页面遮罩functionresizeMask(){divPageMask.style.width=document.body.scrollWidth;divPageMask.style.height=document.body.scrollHeight;divOpenWin.style.left=((document.body.offsetWidth-divOpenWin.offsetWidth)/2);divOpenWin.style.top=((document.body.offsetHeight-divOpenWin.offsetHeight)/2);}functionDispalySelect(val){//显示和隐藏select控件vardispalyType;vararrdispalyType=["hidden","visible"];vararrObjSelect=document.getElementsByTagName("select");for(i=0;i<arrObjSelect.length;i++){arrObjSelect[i].style.visibility=arrdispalyType[val];}}</script><styletype="text/css">.body,td{font-size:12px}#divPageMask{background-color:white;filter:alpha(opacity=50);left:0px;position:absolute;top:0px;}#divOpenWin{background-color:#EEEEEE;position:absolute;left:0px;top:0px;display:none;z-index:50;width:300px;height:150px}</style><divid="divPageMask"></div><divid="divOpenWin"><center><ahref="javascript:Close();">关闭</a></center></div><label></label><center><tableborder="0"cellpadding="0"cellspacing="0"width="650"><tbody><tr><tdcolspan="2"align="center"height="90"><p><imgsrc="http://www.sopull.com/Images/Index/logo.gif"height="60"width="250"></p><p> </p><p> </p></td></tr><tr><tdheight="10"style="color:#666666;font-size:13px"> </td></tr></tbody></table><tablebgcolor="#e1e1e1"border="0"cellpadding="0"cellspacing="1"height="85"width="650"><tbody><tr><tdalign="center"bgcolor="#f9f9f9"><tableheight=50cellspacing=0cellpadding=0width=600style="margin-top:20px"><FORMname="f"action="http://www.sopull.com/ShopList.asp"><tbody><tr><tdclass="searchbar_word">关键字：</td><tdwidth="241"><inputtype="text"name="k"size=30/></td><tdalign=middlewidth=101class="searchbar_word">所在地：</td><tdalign=middlewidth=97id="cn"><scriptlanguage="javascript"src="http://www.sopull.com/Inc/Js/ListCity.asp?CityName=北京市"></script></td><tdalign=middlewidth=95><inputname="s"type=submitvalue="搜铺"></td></tr></form><tr><tdwidth="64"height="30"> </td><tdcolspan="4"valign="middle"class="search_text">例如：餐厅；电器；超市</table></td></tr></tbody></table></center><palign="center"> </p><palign="center"><ahref="javascript:Open();">打开遮罩</a></p><palign="center"> </p><tablewidth="650"border="0"align="center"cellpadding="0"cellspacing="0"><tbody><!--<tr><tdalign="center"background="Images/Index/line_2.gif"width="580"><imgsrc="Images/Index/line_2.gif"height="9"width="9"></td></tr>--><tr><tdclass="link"align="center"height="30"><ahref="#"target=_blank><fontcolor="#FF6600">免费提交店铺</font></a> | <aclass="toplink"href="#">店铺推广</a> | <aclass="toplink"href="#">关于搜铺</a> | <aclass=bhref="#"target=_blank>业务合作</a> | <aclass="toplink"onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.sopull.com');returnfalse;"href="http://www.sopull.com/#">设为首页</a> | <aclass="toplink"onClick="javascript:window.external.addFavorite('http://www.sopull.com/','搜铺网-中国最大店铺搜索引擎')"href="http://www.sopull.com/#">加入收藏</a></td></tr><tr><tdalign="center"height="30">©2007搜铺网 粤ICP备07006767号</td></tr></tbody></table>
解决方案六：
也可以看看这个http://www.cnblogs.com/CB/archive/2008/04/08/1141697.html各种遮罩层(lightbox)实现
解决方案七：
很多js，下载的，随便下一个。。开源的一大把啊
解决方案八：
该回复于2012-06-08 17:45:58被版主删除