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

Qzone登录时web页面弹出的登录框该怎么实现,请问.

2012-03-08 
Qzone登录时web页面弹出的登录框该如何实现,请教...如图Q空间的登录是怎么实现的?[解决办法]帮顶![解决办

Qzone登录时web页面弹出的登录框该如何实现,请教...

如图
Q空间的登录是怎么实现的?


[解决办法]
帮顶!
[解决办法]
DIV层吧!
[解决办法]
JS DIV 对话框,搜这些关键字。

例子:
http://www.cnblogs.com/54tiger/archive/2007/01/18/623846.html
[解决办法]
写了一个

HTML code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title>Untitled Page</title>    <style type="text/css">    #win1{position:absolute;left:100;top:100;width:300px;height:180px;border:1px solid #000;z-index:20000;}    .face{position:absolute;top:0px;left:0px;width:1000px;height:730px;z-index:19000;filter: alpha(opacity=50);background-color:transparent!important;background-color:#eee;}     #BgDiv{position:absolute;left:240;top:100;width:240px;height:120px;border:1px solid #000;z-index:20000;}   .title{        font-family: Arial, Helvetica, sans-serif;        font-size: 13px;        color: #000080;        text-decoration: none;        letter-spacing: normal;        background-position: center;    }    </style>    <script type="text/javascript">    function test()    {        dialogBoxBG.style.display="";        BgDiv.style.display="";    }     </script></head><body onload="test()">    <form id="form1" runat="server">        <div id="dialogBoxBG" class="face">        </div>        <div style="background-color: #ffffff;" id="BgDiv">            <div class="title1" onmousedown="StartDrag(this)" onmouseup="StopDrag(this)" onmousemove="Drag(this)"                align="left" id="Div1">                添加科室            </div>        </div>    </form></body></html><script type="text/javascript">var move=false; function StartDrag(obj)                       { if(event.button==1&&event.srcElement.tagName.toUpperCase()=="DIV") {  obj.setCapture();  obj.style.background="#999";  move=true;  } }function Drag(obj)                   { if(move) {  var oldwin=obj.parentNode;  oldwin.style.left=event.clientX-100;  oldwin.style.top=event.clientY-10; }  }function StopDrag(obj){  obj.style.background="#000";  obj.releaseCapture();  move=false;  } </script>
[解决办法]
JavasScript 动态生成的DIV
自己写一个不难,但应该考虑:
浏览器的兼容性
层覆盖区域select元素的遮盖效果

不妨考虑使用 YAHOO 的 UI 库

热点排行