介绍 js的作用是什么 & lt; ! DOCTYPE html>
& lt; html lang=皕h"祝辞
,& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能meta name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比;
& lt;才能meta http-equiv=癤-UA-Compatible",内容=癷e=edge"比;
& lt;才能title> js点击弹窗弹出登录框代码& lt;/title>
,& lt;/head>
,& lt; body>
& lt;才能style>
* {,,,
,,,保证金:0;
,,,填充:0;
,,}
,,,,,,,,按钮,输入{
,,,大纲:没有;
,,}
,,,按钮,.login {
,,,宽度:120 px,,
,,,身高:42 px;,
,,,背景:# f40;,
,,,颜色:# fff;,
,,,边界:没有,,
,,,这个特性:6 px;
,,,显示:,块;
,,,保证金:20 px 汽车;,
,,,光标:,指针;
,,}
,,.popOutBg {
,,,宽度:100%;
,,,身高:100%;
,,,位置:,固定;
,,,左:0;
,,,:0;
,,,背景:rgba (0, 0, 0, 0。6);
,,,显示:,没有;
,,}
,,.popOut {
,,,位置:固定;
,,,宽度:600 px,,
,,,身高:300 px;
,,,:50%;
,,,左:50%;
,,,margin-top: -150 px;
,,,margin-left: -300 px;
,,,背景:# fff;
,,,这个特性:8 px;
,,,溢出:,隐藏;
,,,显示:,没有;
,,}
,,,.popOut 的在,跨度{
,,,位置:,绝对;
,,,右:10 px;
,,,:0;,
,,,身高:42 px;
,,,行高:42 px;
,,,颜色:# 000;
,,,字体大小:30 px;
,,,光标:,指针;
,,}
表{,,.popOut
,,,显示:,块;
,,,保证金:42 px auto 0;
,,,宽度:520 px;
,,}
,,.popOut 标题{
,,,宽度:520 px;
,,,text-align:,中心;
,,,颜色:# f40;
,,,字体大小:18 px;
,,,行高:42 px;
,,}
,,.popOut table tr td {
,,,颜色:# 666;
,,,填充:6 px;
,,,字体大小:14 px;
,,}
,,.popOut table tr td:第一个孩子{
,,,text-align:,;
,,}
,,.inp {
,,,宽度:280 px;
,,,身高:30 px;
,,,行高:30 px;
,,,边界:1 px solid # 999;
,,,填充:5 px 10 px;
,,,颜色:# 000;
,,,字体大小:14 px;
,,,这个特性:6 px;
,,}
,,.inp:专注{,
,,,边框颜色:# f40;
,,}
,,@keyframes ani {
从{,,,
,,,,变换:translateX(-100%),旋转(-60度),规模(5);
,,,}
,,,{50%
,,,,变换:translateX(0),旋转(0),规模(1);
,,,}
,,,{90%
,,,,变换:translateX (20 px),旋转(0),规模(8);
,,,}
,,,,{
,,,,变换:translateX(0),旋转(0),规模(1);
,,,}
,,}
关于ani{,,,动画:ani .5s ease-in-out;}
& lt;才能/style>
& lt;才能button 类型=癰utton"在登录& lt;/button>
& lt;才能div 类=皃opOutBg"祝辞& lt;/div>
& lt;才能div 类=皃opOut"比;
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
这篇文章将为大家详细讲解有关jszm实现点击弹窗弹出登录框,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
1,能够嵌入动态文本于HTML页面。2,对浏览器事件做出响应。3,读写HTML元素。4、在数据被提交到服务器之前验证数据。5,检测访客的浏览器信息。6,控制饼干,包括创建和修改等7,基于节点。js技术进行服务器端编程。
本文实例为大家分享了js实现点击弹窗弹出登录框的具体代码,供大家参考,具体内容如下
1图片预览
2索引。html代码
