Qzone登录时web页面弹出的登录框该怎么实现,请问.-C#教程-爱易网页

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

日期：2014-05-18　浏览次数：20842 次

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

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

------解决方案--------------------
帮顶！
------解决方案--------------------
DIＶ层吧！
------解决方案--------------------
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 库

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>