登录窗口实现

最新推荐文章于 2024-07-18 13:52:01 发布
最新推荐文章于 2024-07-18 13:52:01 发布
阅读量190 收藏
点赞数
文章标签： function class xhtml div button filter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoxiaoshu1/article/details/6648331
版权

<!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>
    <title></title>

    <script src="js/jquery-1.4.2.js" type="text/javascript"></script>

    <style type="text/css">
        div.window div.title
        {
            background: #88b8ea;
            padding: 0px 8px;
            position: relative;
        }
        div.window div.content
        {
            clear: both;
            height: 200px;
            padding: 0px 5px;
            overflow: auto;
            border: 3px solid #88b8ea;
        }
        div.window
        {
         
         position:absolute;
            margin-bottom: 5px;
            z-index:1000;
            width: 300px;
            display:none;
        }
        div.title img
        {
            position: absolute;
            top: 2px;
            right: 2px;
            cursor: pointer;
        }
    </style>
    <script type="text/javascript">

        $(function() {
            $("img").click(function() {
                $(this).parent().parent().fadeOut();
                $("#doing").fadeOut();
            });
        });
        $(function() {
            $("#btncenter").click(function() {
                var left = ($(window).width() - $("#center").width()) / 2;
                var top = ($(window).height() - $("#center").height()) / 2;                                              //$(window).height() 可视区域的高度
                var scrollLeft = $(window).scrollLeft();
                var scrollTop = $(window).scrollTop();
                $("#center").css("left", left + scrollLeft).css("top", top + scrollTop).fadeIn();
                $("#doing").width($(document).width()).height($(document).height()).fadeIn();            //$(document).width()整个文档的高度
            });
            $(window).scroll(function() {
                var left = ($(window).width() - $("#center").width()) / 2;
                var top = ($(window).height() - $("#center").height()) / 2;
                var scrollLeft = $(window).scrollLeft();
                var scrollTop = $(window).scrollTop();
                $("#center").css("left", left + scrollLeft).css("top", top + scrollTop);
                
            });

        });
       
    </script>
   
   
</head>
<body>
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
 <br /><br /><br /><br /><br /><br /><br /><br />
  <br /><br /><br /><br /><br /><br /><br /><br />
   <br /><br /><br /><br /><br /><br /><br /><br />

<!----遮罩层--->
   <div id="doing" style="filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;background-color:#999;width:100%;height:100%;z-index:1000;position: absolute;left:0;top:0;display:none;overflow: hidden;">
</div>

<!------------>

    <div class="window" id="center">
        <div class="title">
            中间窗口的标题栏
            <img src="images/close.gif" /></div>
        <div class="content">
            中间窗口的内容区 中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
            中间窗口的内容区 中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
            中间窗口的内容区中间窗口的内容区
        </div>
    </div>
   
   
    <input  type="button" value="中间" id="btncenter"/>
   
   
</body>
</html>

xiaoxiaoshu1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
登录界面简单实现（一）
赵至柔的博客
03-26 1万+
登录界面简单实现（一） 1、需求分析   网上商城有一个登录的功能。本篇博客从最简单的只有用户名和密码的登录界面开始。 2、分析 2.1 技术分析 【Servlet的概述】 什么是Servlet： 是运行在服务器端的一小的Java程序,接收和响应从客户端发送请求. Servlet的作用：   处理客户端的请求，并且对请求作出响应. 使用Servlet: ...
用户登录界面实现
zhangpeng888888的博客
04-11 2982
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 1.用户登录界面实现代码 代码如下（示例）： import javax.swing.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; public class UserLogin { public static void main(String[] args) { //生成登录图形窗口 //定义.
vue组件父与子通信-登录窗口
dede3535的专栏
11-02 117
一、组件间通信（父组件 --> 子组件）步骤：①父组件在调用子组件 传值 <child-component myValue="123"> </child-component>②在子组件中 获取父组件传来的值 Vue.component('child-component',{ 　　props:['myValue'], 　　template:'' }) ...
Java语言做一个简单的登陆界面实现用户名和密码的登陆以及界面之间的跳转
热门推荐
MengKun822的博客
04-14 7万+
登陆界面的构想 在做登陆界面之前首先肯定是要对界面的进行布局构想，想这个界面到底有哪些元素构成，就拿下面的图来说吧 从这张图片中我们可以知道这登陆界面的组成需要到用户名和密码两个Jlabel标签和一个JTextField文本框和JPasswordField的密码框以及三个JButton按钮，最后将这些元素添加到container这个容器中。 java swing组件中的Jlabel、JTextF...
Android基础知识【项目实训-登录与个人信息及样式背景】【7】
freeman527的专栏
12-26 5403
实现登录功能。匿名用户虽然可以查看各种食物、店铺等信息，但是涉及与用户相关操作时都需要验证登录信息。登录使用一个对话框完成。 具体登录对话框的弹出是当用户点击 “用户信息” 菜单时发生的，如果没有登录，会弹出登录框，否则显示用户信息界面：
实现登录弹出窗口
say_you_can的博客
07-28 777
实现登录弹出窗口
android模拟实现QQ登录界面
07-14
这个资源主要是使用Android模拟开发了一个QQ登录界面的小案例。 内容概要：了解基础Android组件的使用，以及shape和selector组件美化。 适合人群：初学Android开发的小萌新，可以利用这个小案例巩固Android基础控件...
java图形化界面实现登录窗口
08-27
Java 图形化界面实现登录窗口 Java 图形化界面实现登录窗口是 Java 编程语言中的一种常见应用场景。下面我们将详细介绍如何使用 Java 实现图形化界面登录窗口的开发。 标题解释 Java 图形化界面实现登录窗口的...
Vue 实现登录界面验证码功能
10-15
本文通过实例代码给大家介绍了Vue 实现登录界面 验证码功能，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
QQ 登录界面 Qt实现|zddmail-6215779-QQ_20130905134551.zip
09-30
【QQ登录界面Qt实现】是基于Qt框架设计的一个项目，主要目标是构建一个与QQ官方登录界面类似的用户界面。在给定的描述中，我们了解到这是一份源码备份，作者在CSDN博客上分享了相关的实现细节。尽管当前的实现仅包含...
jquery 弹出登录窗口实现代码
10-29
结构定义了两个层，一个为半透明的背景层，一个是弹出层主要结构，都设为浮动position:absolute;背景层遮掉所有body内容很容 易做到。
JavaWeb快速入门（二）——实现登录页面
IT女孩儿的日常的博客
07-04 4万+
（一）静态登录页面我们在https://blog.csdn.net/qq_35616167/article/details/80917262的基础上，继续对javaweb项目进行操作，以熟悉javaweb。在项目工程下的WebRoot文件夹下，为使得项目清晰，我们可以分别新建文件夹css、js、img以存放html所需的css等。我们把https://blog.csdn.net/qq_3...
web前端基础面试85题（一）
柯晓楠
07-18 508
1、什么是HTML语义化？<基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等>根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；
[课题设计]SSM框架开发个人通讯录+jsp+Java前后端分离带论文和源码.zip
07-20
本项目是一个基于SSM框架开发的个人通讯录应用，采用JSP作为前端技术，实现了前后端分离。项目针对计算机相关专业的学生以及需要进行项目实战练习的Java学习者，提供了完整的源码、数据库脚本和开发说明，同时附带论文参考，可作为毕业设计或课程设计的优质资源。 在功能方面，该项目实现了基本的通讯录增删改查功能，用户可以通过前端界面录入、修改和查询联系人信息，后台则通过SSM框架进行数据处理和业务逻辑的实现。此外，项目还支持分页显示功能，提高了用户体验。 技术层面，项目采用了成熟的SSM框架进行开发，确保了代码的结构清晰、易于维护。数据库选用MySQL，稳定可靠，且易于扩展。开发环境包括JDK、IDEA和Tomcat，配置简单，便于上手。 经过严格的调试，项目已确保可稳定运行。对于有一定基础的Java学习者，还可以在此基础上进行功能拓展，进一步提升实战能力。
物联网工程_基于定点室内消毒物联网机器人设计.docx
07-20
物联网工程_基于定点室内消毒物联网机器人设计
C语言-水仙花数代码实现
最新发布
07-20
c语言，C语言--水仙花数，代码实现
计算机科学与技术_基于微信小程序的电影推荐系统的设计与实现.docx
07-20
计算机科学与技术_基于微信小程序的电影推荐系统的设计与实现
java基于ssm+jsp旅行社管理系统源码 带毕业论文
07-20
【资源说明】 1、开发环境：ssm框架；内含Mysql数据库；JSP技术 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
Python 基础语法.ppt
07-20
Python
python登录界面实现跳转
05-28
root.destroy() # 关闭登录窗口 # 跳转到主界面 messagebox.showinfo("登录成功", "欢迎进入系统！") # 在这里编写跳转到主界面的代码 else: messagebox.showerror("登录失败", "用户名或密码错误，请重新输入...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值