CHY Web 4 Qian Niu

最新推荐文章于 2021-01-04 15:41:56 发布
最新推荐文章于 2021-01-04 15:41:56 发布
阅读量135 收藏
点赞数

1.jag这里写图片描述这里写图片描述

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            .login{
                border: 1px solid #E0E0E0;
                position: absolute;
                width: 390px;
                height: 310px;
                /*display: none;*/
            }
            .user{
                position: absolute;
                top:140px;
                left:90px;
            }
            .user input{
                display: block;
                margin: 15px auto;
                width: 200px;
                height:25px;
                border-radius: 50px;
                border: 1px solid #BABABA;
                text-indent: 30px;
                outline: none;/*取消获取焦点的默认效果*/
            }

            #userImg{
                position: absolute;
                top: 16px;
                left: 3px;
                width: 25px;
                height: 25px;
                border-radius:50% ;
                overflow: hidden;
            }
            #userImg img{
                margin-top: -14px;
                margin-left: -12px;
            }
            #pwdImg{
                position: absolute;
                top: 60px;
                left: 3px;
                width: 25px;
                height: 25px;
                border-radius:50% ;
                overflow: hidden;
            }
            #pwdImg img{
                margin-top: -55px;
                margin-left: -13px;
            }
            .user button{
                display: block;
                margin: 0px auto;
                border: 1px solid #0894EC;
                background-color: #0894EC;
                color: #FFFFFF;
                width: 150px;
                height: 30px;
                border-radius: 50px;
            }
            .user button:hover{
                cursor: pointer;
            }
            .tz{
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100px;
                z-index: 100;
            }
            .tz:hover{
                cursor: move;
            }
            .min{
                position: absolute;
                right: 35px;
                top: 4px;
                width: 20px;
                height: 20px;
                z-index: 110;
            }
            .min:hover{
                cursor: pointer;
                border: 1px solid #FFFFFF;
            }
            .min-div{
                position: absolute;
                bottom: 5px;
                left: 5px;
                width: 150px;
                height: 30px;
                background-color: #0894EC;
                line-height: 30px;
                text-align: center;
                color: #FFFFFF;
                display: none;
            }
            .min-div:hover{
                cursor: pointer;
                opacity: 0.8;
            }
            .closeLogin{
                position: absolute;
                right:8px;
                top: 4px;
                width: 20px;
                height: 20px;
                z-index: 110;
            }
            .closeLogin:hover{
                cursor: pointer;
                /*border: 1px solid #FFFFFF;*/
                background-color: #FFFFFF ;
                opacity: 0.3;
            }
        </style>
        <script>

            //声明全局变量
            var user,pwd,backimg,move_div,min_div;

            //当前文档加载完成后再执行
            window.onload = function(){
                user = document.getElementById("userName");
                pwd = document.getElementById("password");
                backimg = document.getElementById("backimg");
                move_div = document.getElementById("move_div");
                min_div = document.getElementById("min-div");
            }

            //显示登录窗口
            function showLogin(){
                move_div.style.display = "block";
            }

            //获取焦点事件
            function userFocus(){
                user.style.borderColor = "#0894EC";
            }

            function pwdFocus(){
                pwd.style.borderColor = "#0894EC";
                backimg.src = "img/pwd-input.jpg";
            }

            //失去焦点事件
            function userBlur(){
                user.style.borderColor = "#BABABA";
            }

            function pwdBlur(){
                pwd.style.borderColor = "#BABABA";
                backimg.src = "img/user-input.jpg";
            }

            //登录窗口最小化
            function minLogin(){
                move_div.style.display = "none";
                min_div.style.display = "block";
            }

            //登录窗口最大化
            function maxLogin(){
                move_div.style.display = "block";
                min_div.style.display = "none";
            }

            //关闭窗口
            function closeLogin(){
                move_div.style.display = "none";
            }

        </script>
        <script type="text/javascript" src="js/a.js" ></script>
    </head>
    <body>

        <a href="javascript:showLogin();">登录</a>

        <!--登录窗口-->
        <div id="move_div" class="login" onmousedown="down()" onmouseup="up()" onmousemove="move()">

            <!--实现拖拽的div-->
            <div class="tz"></div>

            <!--实现最小化按钮-->
            <div class="min" onclick="minLogin()"></div>

            <!--实现关闭按钮-->
            <div class="closeLogin" onclick="closeLogin()"></div>

            <img id="backimg" src="img/user-input.jpg" />

            <!--用户输入-->
            <div class="user">

                <!--输入框图标-->
                <div id="userImg">
                    <img src="img/login-ioc.jpg" />
                </div>
                <div id="pwdImg">
                    <img src="img/login-ioc.jpg" />
                </div>

                <input id="userName" type="text" onfocus="userFocus()" onblur="userBlur()" />
                <input id="password" type="password" onfocus="pwdFocus()" onblur="pwdBlur()" />
                <button>登录</button>
            </div>

        </div>

        <!--最小化的div-->
        <div id="min-div" class="min-div" onclick="maxLogin()">
            +&nbsp;用户登录
        </div>

    </body>
</html>
wohappydog
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web——仿千牛登录
疯纸的博客
09-27 747
HTML仿千牛
案例 - 仿千牛登录
zyljjf的博客
09-26 790
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> .login{ border: 1px solid #E0E0E0; position: absol
模仿千牛页面制作一个登录页面
yyc2018的博客
09-26 989
1代码部分<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .login{ border: 1px solid #E0E0E0; position: ab
web前端之千牛网首页仿写
可可的博客
09-27 1577
登录 登录 + 用户登录     &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; .login{ border: 1px solid #E0E0E0; position: absolute; width: 390px; h
仿千牛登录界面
qq_40289103的博客
09-26 787
仿千牛登录界面
4D中的CHY公式
03-27
在本文中，我们开发了一种相当普遍的方法来减少Cachazo-He-Yuan公式中涉及的带极化的被积物... 它引导我们使用微调器建立4d CHY公式，从而滤除许多无用的解决方案。 超级对称化很简单，可能会提示您了解4d中的矛盾串。
chy.rar_程序chy
09-19
【chy.rar_程序chy】是一个压缩包，其中包含了一个名为"chy"的程序，这个程序是用C语言编写的，其主要功能是绘制圆形。在编程领域，C语言是一种广泛应用的底层编程语言，以其高效、灵活和对硬件的直接访问能力而著称...
变换CHY公式
03-23
KLT和BCJ关系以及CHY公式将各种理论的S矩阵联系起来：Cheung，Shen和Wen最近提出的operators变算子说明了这些相似性。 在本说明中，我们使用变换运算符在树级上链接各种CHY被积。 从重力开始，我们产生
兼容周期和CHY积分
04-17
CHY构造自然使向量与ℝ（n-3）相关联！ 到每2个具有n个顶点的正则图。 双伴随标量理论中的部分幅度由与一对循环关联的向量的内积给出。 在这项工作中，我们研究将计算扩展到任意2个正则图对的问题。 这要求构造兼容...
chy.zip_编程资料
最新发布
09-24
4. **OpenGL**: 对于需要高性能图形处理的应用，可以使用OpenGL，这是一个跨语言、跨平台的编程接口，用于渲染2D和3D图形。在Linux下，可以借助GLX或Wayland进行集成。OpenGL允许程序员直接控制图形硬件，因此可以...
易语言自动登录多个千牛账户源码
06-03
@红颜脸庞仍娇俏。
淘宝店铺装修代码大全
04-27
最全的淘宝店铺装修代码大全，旺铺装修不求人
千牛数字ID提取工具 v1.0免费版
12-22
为您提供千牛数字ID提取工具下载，千牛数字ID提取工具能够通过千牛用户昵称转换为ID，工具无限制，下载以备不时之需，如果BUG可以反馈！使用方法　　下载解压后2个DLL放入千牛对应的版本里面 然后运行千牛就可以了　　例如：7.23.10N这个文件夹中
2021千牛自动发货源码Hook千牛消息
02-28
2021千牛自动发货源码+hook千牛消息源码，易语言编写，自己用的，所用的模块源码也一并打包给各位。
易语言-易语言自动登录多个千牛账户
06-25
易语言-易语言自动登录多个千牛账户源码
jquery实现背景图轮播_新车电商商家店铺装修系统原理与实现
weixin_39820136的博客
11-25 322
总篇65篇 2019年第39篇一、背景新车电商前台-商家店铺页可以非常直观的给客户展现商家的商品、活动、优惠促销、店铺地址等信息，提升客户体验，抓住客户的眼球，增加客户的认可度，同时留资、IM咨询和顾问咨询等功能为商家提供了大量的线索，是促进订单转化的重要途径之一。而商家店铺的后台装修系统则提供了对前台店铺页的装修功能，通过装修功能可以快速便捷的完成对店铺页面的布局和装饰，提升商家自主搭...
Java语言中Timer类的简洁用法
01-25 1179
所有类型的 Java 应用程序一般都需要计划重复执行的任务。企业应用程序需要计划每日的日志或者晚间批处理过程。一个 J2SE 或者 J2ME 日历应用程序需要根据用户的约定计划闹铃时间。不过，标准的调度类 Timer 和 TimerTask 没有足够的灵活性，无法支持通常需要的计划任务类型。在本文中，Java 开发人员 Tom White 向您展示了如何构建一个简单通用的计划框架，以用于执行任意复
千牛后台装修代码_电商设计第五式-实战篇（品牌店铺后台代码装修实操）
weixin_33281416的博客
01-04 1474
大伙们的DW准备好了么？这一式池子要给你们放实操大招。用最少操作步骤带来最优效果的方式，小板凳坐好，小本本拿好，操练起来。 前面的理论讲解一个页面制作出来后，实际想要上到店铺后台实现使用效果，就要使用代码工具，一般都使用DW，或者醉语言，六月设计等相关代码装修工具，我这里就讲最基础的使用工具，其余工具原理一模一样，很多人看到代码都头疼，其实简直不要太简单，因为电商店铺代码不用自己去写，基本都有现成...
超详细实现淘宝静态页面(附全部代码)
热门推荐
x1037490413的博客
09-12 2万+
文章目录一:基本结构与样式 一:基本结构与样式 1.划分结构的顺序是自上而下,从左往右,保证内容在一行内能显示 2.考虑的因素有内容,颜色块,间距
CHY形式论下4d EYM理论中单迹MHV振幅的直接评估
本文主要探讨了在4维爱因斯坦-杨-米尔斯（EYM）理论中使用Cachazo-He-Yuan（CHY）形式论直接评估n点单迹梅赫文（MHV）振幅的方法。在之前的研究[1]中，作者们已经发展了一套技术，用于在4维杨-米尔斯和引力理论中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值