Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Programação › .Net/C # › ASP.NET---- implementar um botão de clique ou link para abrir o diálogo de login ...
Vista: 20457|Resposta: 4

[ASP.NET] ASP.NET---- implementar um botão de clique ou link para abrir o diálogo de login

[Copiar link]
Publicado em 19/07/2015 14:35:26 | | | |

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="zhaozhao.aspx.cs" Inherits="JqueryZhezhao.zhaozhao" %>

  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head runat="server">
  7.     <title></title>
  8.     <scrip去掉t src="jquery-1.6.1.min.js" type="text/javascrip去掉t"></scrip去掉t>
  9.     <scrip去掉t type="text/javascrip去掉t" language="javascrip去掉t">
  10.         function ShowNo()                        //隐藏两个层
  11.         {
  12.             document.getElementById("doing").style.display = "none";
  13.             document.getElementById("divLogin").style.display = "none";
  14.         }
  15.         function $(id) {
  16.             return (document.getElementById) ? document.getElementById(id) : document.all[id];
  17.         }
  18.         function showFloat()                    //根据屏幕的大小显示两个层
  19.         {
  20.             var range = getRange();
  21.             $('doing').style.width = range.width + "px";
  22.             $('doing').style.height = range.height + "px";
  23.             $('doing').style.display = "block";
  24.             document.getElementById("divLogin").style.display = "";
  25.         }
  26.         function getRange()                      //得到屏幕的大小
  27.         {
  28.             var top = document.body.scrollTop;
  29.             var left = document.body.scrollLeft;
  30.             var height = document.body.clientHeight;
  31.             var width = document.body.clientWidth;

  33.             if (top == 0 && left == 0 && height == 0 && width == 0) {
  34.                 top = document.documentElement.scrollTop;
  35.                 left = document.documentElement.scrollLeft;
  36.                 height = document.documentElement.clientHeight;
  37.                 width = document.documentElement.clientWidth;
  38.             }
  39.             return { top: top, left: left, height: height, width: width };
  40.         }
  41. </scrip去掉t>
  42.     <style type="text/css">
  43.           body{margin:0px;}
  44.     </style>
  45. </head>
  46. <body>
  47.     <form id="form1" runat="server">
  48.     <a href="javascrip去掉t:void(0)" onclick="showFloat()">登陆 </a>    //登陆链接
  49.     <!--加一个半透明层-->
  50.     <div id="doing" style="filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;background-color:#000;width:100%;height:100%;z-index:1000;position: absolute;left:0;top:0;display:none;overflow: hidden;">
  51.     </div>   
  52.     <!--加一个登录层-->
  53.     <div id="divLogin" style="border:solid 10px #898989;background:#fff;padding:10px;width:780px;z-index:1001; position: absolute; display:none;top:50%; left:50%;margin:-200px 0 0 -400px;">
  54.             <div style="padding:3px 15px 3px 15px;text-align:left;vertical-align:middle;" >
  55.                 <div>
  56.                     用户：
  57.                   <asp:TextBox ID="TxtUserName" runat="server" > </asp:TextBox>
  58.                 </div>
  59.                 <div>
  60.                     密码：
  61.                   <asp:TextBox ID="TxtUserPwd" runat="server" TextMode="Password" > </asp:TextBox>
  62.                 </div>
  63.                 <br/>
  64.                 <div>     
  65.                     <asp:Button ID="BttLogin" runat="server" Text=" 登 陆 "/>  
  66.                     <input id="BttCancel" type="button" value=" 取 消 " onclick="ShowNo()" />
  67.                 </div>
  68.             </div>
  69.       </div>
  70.     </form>
  71. </body>
  72. </html>
Copiar código






Anterior:Ao instalar o SQL Server 2008, a solução está sempre pedindo para reiniciar o computador
Próximo:@RenderBody、@RenderSection、@RenderPage、Html.RenderPartial、Html.RenderActi...

Posts Relacionados
Publicado em 20/07/2015 12:34:46 |
http://7x2xhq.com1.z0.glb.clouddn.com/wp-content/uploads/2015/07/20150718150713100.html
Publicado em 20/07/2015 14:30:42 |
Delver_Si Postado em 20-07-2015 às 12:34
http://7x2xhq.com1.z0.glb.clouddn.com/wp-content/uploads/2015/07/20150718150713100.html

Negação de acesso
Publicado em 25/07/2015 22:16:12 |
Use o easyui
Publicado em 25/07/2015 22:20:11 |
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Type-Content" content="text/html; charset=gb2312"/>
    <title></title>

    < scrip remove t src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js" ></scrip去掉t>

    <scrip去掉t>. .
        $(função () {
            $("#div1").hide();


            $("#btn1").click(função ()
            {
                if ($("#h").val()=="0") {
                    $("#div1").mostrar();
                    $("#h").val("1");
                } else{
                    $("#div1").hide();
                    $("#h").val("0");
                }

            });
        });

    . .</scrip去掉t>

</head>
<estilo do corpo="cor-fundo:cinza">
    <input id="btn1" type="button" value="click me"/>

    <div id="div1" estilo ="width:300px; height:300px; background-color:white; border-color:red; z-index:9999; top:10%; left:30%; position:fixed; margin-left: auto; margin-right: auto;">

        <input id="h" hidden="hidden" value="0" /><br />
        <input /><br />
        <input /><br />
        2132112121
        SDSDF
        SDF
        SDF
        2132112121
        SDSDF
        SDF
        SDF
        DSF
        DSF

    </div>
    111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111 111111111111111111111111111111111111111111 111111111111111111111111111111111111111111 111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111 111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111 111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111 111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
     111111111111111111111111111111111111111111
</body>
</html>

Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com