Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Architect_Programmer_Code Jordbruksnätverket»Arkitekt › Programmering › .Net/C # › ASP.NET---- implementera en klickknapp eller länk för att öppna inloggningsdialogen ...
Utsikt: 20457|Svar: 4

[ASP.NET] ASP.NET---- implementera en klickknapp eller länk för att öppna inloggningsdialogen

[Kopiera länk]
Publicerad på 2015-07-19 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>
Kopiera koden






Föregående:När man installerar SQL Server 2008 är lösningen alltid att be om att datorn ska starta om
Nästa:@RenderBody、@RenderSection、@RenderPage、Html.RenderPartial、Html.RenderActi...

Relaterade inlägg
Publicerad på 2015-07-20 12:34:46 |
http://7x2xhq.com1.z0.glb.clouddn.com/wp-content/uploads/2015/07/20150718150713100.html
Publicerad på 2015-07-20 14:30:42 |
Delver_Si Publicerad den 2015-7-20 12:34
http://7x2xhq.com1.z0.glb.clouddn.com/wp-content/uploads/2015/07/20150718150713100.html

Nekande av tillträde
Publicerad på 2015-07-25 22:16:12 |
Använd easyui
Publicerad på 2015-07-25 22:20:11 |
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    <title></title>

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

    . <scrip去掉t>.
        $(funktion () {
            $("#div1").hide();


            $("#btn1").click(function ()
            {
                om ($("#h").val()=="0") {
                    $("#div1").show();
                    $("#h").val("1");
                } annars{
                    $("#div1").hide();
                    $("#h").val("0");
                }

            });
        });

    </scrip去掉t>. .

</head>
<karossstil="bakgrundsfärg:grå">
    <input id="btn1" type="button" value="click me"/>

    <div id="div1" style ="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;">

        <inmatningsid="h" dolt="dolt" värde="0" /><br />
        <inmatning /><br />
        <inmatning /><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>

Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.
Mail To:help@itsvse.com