This article is a mirror article of machine translation, please click here to jump to the original article.

Architect_Programmer_Code Agriculture Network»Architect › Programming › .Net/C # › ASP.NET---- implement a click button or link to pop up the login dialog ...
View: 20457|Reply: 4

[ASP.NET] ASP.NET---- implement a click button or link to pop up the login dialog

[Copy link]
Posted on 7/19/2015 2:35:26 PM | | | |

  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>
Copy code






Previous:When installing SQL Server 2008, the solution is always asking to restart the computer
Next:@RenderBody、@RenderSection、@RenderPage、Html.RenderPartial、Html.RenderActi...

Related Posts
Posted on 7/20/2015 12:34:46 PM |
http://7x2xhq.com1.z0.glb.clouddn.com/wp-content/uploads/2015/07/20150718150713100.html
Posted on 7/20/2015 2:30:42 PM |
Delver_Si Posted on 2015-7-20 12:34
http://7x2xhq.com1.z0.glb.clouddn.com/wp-content/uploads/2015/07/20150718150713100.html

Denial of access
Posted on 7/25/2015 10:16:12 PM |
Use easyui
Posted on 7/25/2015 10:20:11 PM |
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" 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>. .
        $(function () {
            $("#div1").hide();


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

            });
        });

    </scrip去掉t>. .

</head>
<body  style="background-color:gray">
    <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;">

        <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:
All software, programming materials or articles published by Code Farmer Network are only for learning and research purposes; The above content shall not be used for commercial or illegal purposes, otherwise, users shall bear all consequences. The information on this site comes from the Internet, and copyright disputes have nothing to do with this site. You must completely delete the above content from your computer within 24 hours of downloading. If you like the program, please support genuine software, purchase registration, and get better genuine services. If there is any infringement, please contact us by email.
Mail To:help@itsvse.com