跟着实训的第七天

最新推荐文章于 2024-05-24 17:14:26 发布
最新推荐文章于 2024-05-24 17:14:26 发布
阅读量73 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58821630/article/details/117742089
版权
  1. 完成《个人相册》项目登录页面
    要求：
    1. 使用正则表达式验证邮箱
    2. 密码长度至少为6位且为字母与数字的组合

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

 

<style>

*{

margin: 0;

padding: 0;

}

html {

height: 100%;

width: 100%;

overflow: hidden;

margin: 0;

padding: 0;

background: url(img/1.jpg) no-repeat 0px 0px;

background-repeat: no-repeat;

background-size: 100% 100%;

-moz-background-size: 100% 100%;

}

:root{

height: 100%;

}

body{

height: 100%;

perspective: 2000px;

transform-style: preserve-3d;

}

.userInfo{

width: 100%;

height: 30px;

line-height: 30px;

color: white;

background: grey;

}

.mynav{

float: right;

}

.myherf{

text-decoration:none;

line-height: 30px;

color: white;

}

 

div.photo{

width: 250px;

height: 250px;

position: absolute;

left: 50%;

top: 40%;

transform: translate(-50%,-50%);

transform-style: preserve-3d;

animation: run 10s linear infinite;

}

@keyframes run{

0%{

transform: translate(-50%,-50%) rotateY(0deg);

}

100%{

transform: translate(-50%,-50%) rotateY(360deg);

}

}

img{

width: 250px;

position: absolute;

opacity: 0.99;

backface-visibility: visible;

/* 默认值为visible，即能看见3d画面的背面，hidden看不见 */

}

img:nth-of-type(1){

transform: rotateY(45deg) translatez(450px);

}

img:nth-of-type(2){

transform: rotateY(90deg) translatez(450px);

}

img:nth-of-type(3){

transform: rotateY(135deg) translatez(450px);

}

img:nth-of-type(4){

transform: rotateY(180deg) translatez(450px);

}

img:nth-of-type(5){

transform: rotateY(225deg) translatez(450px);

}

img:nth-of-type(6){

transform: rotateY(270deg) translatez(450px);

}

img:nth-of-type(7){

transform: rotateY(315deg) translatez(450px);

}

img:nth-of-type(8){

transform: rotateY(360deg) translatez(450px);

}

</style>

</head>

<body>

<div>

<div class="userInfo">

欢迎你，张三！

<nav class="mynav">

<a href="#" class="myherf">个人信息</a>

<a href="#" class="myherf">退出</a>

</nav>

</div>

<div class="photo">

<img src="img/3.jpg" alt="">

<img src="img/2.jpg" alt="">

<img src="img/3.jpg" alt="">

<img src="img/4.jpg" alt="">

<img src="img/2.jpg" alt="">

<img src="img/3.jpg" alt="">

<img src="img/4.jpg" alt="">

<img src="img/2.jpg" alt="">

</div>

</div>

<script>

document.body.onmousemove = function(e){

this.style.perspectiveOrigin = ""+e.pageX+"px "+e.pageY+"px";

}//鼠标当前点为视角所在方位

</script>

</body>

</html>

 

m0_58821630
关注
跟着实训的第五天
m0_58821630的博客
06-07 146
练习一：用户输入一个三位数，弹出各个数位的和。比如：用户输入155，就弹出11用户输入316，就弹出10用户输入989，就弹出26用户输入678，就弹出21 练习二：大家从小到大，都玩儿过的一个庸俗的游戏：游戏玩儿法就是，大家轮流报数，如果报到能被7整除的数字，或者尾数是7的数字，都算踩地雷了。就应该罚唱歌。请在控制台输出1~60之间的所有“安全数”。比如：1、2、3、4、5、6、8、9、10、11、12、13、15、16、18、19、20、22、23、24、25、26、29、30…… 练习三：水仙花数是一
跟着实训的第四天
m0_58821630的博客
06-05 94
今天我们学习了小球颜色的变换是怎么实现的以及形状的变换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&gt
ACM实训第十七天
Echo323的博客
05-24 463
ACM实训第十七天||完成了第四套EF（太难了，打算放弃QAQ），复习了第二套题的CDEF||同时有之后几天的规划安排
java开发实训报告范文_java实训报告总结
weixin_36382907的博客
02-25 2862
java实训报告总结(2)最终项目定下来过后，开始分解这个项目，看看为了达到完成这个项目需要哪些技术和知识点，以及每部分知识点的深度，然后定出每个分阶段的任务(3)然后开始选择分阶段的项目，分阶段的项目应该比刚才分析出来的分阶段任务稍稍复杂点，这样才能达到训练的目标。定下分阶段项目后，同样去分解，定出为了完成他所需要的各部分知识点和深度。(4)然后是选择上课期间的演示项目，演示的项目是为了做分阶段...
cad计算机绘图实训内容,cad绘图实训心得体会
weixin_42298878的博客
07-26 719
《cad绘图实训心得体会》由会员分享，可在线阅读，更多相关《cad绘图实训心得体会(3页珍藏版)》请在装配图网上搜索。1、cad绘图实训心得体会cad绘图实训心得体会我们在一些事情上受到启发后，往往会写一篇心得体会，通过写心得体会，可使我们今后少走弯路。你想好怎么写心得体会了吗？下面是小编整理的cad绘图实训心得体会，仅供参考，欢迎大家阅读。cad绘图实训心得体会1为期一周的AutoCAD最后完了...
php实训心得体会doc,php实训报告心得体会php实训报告心得体会
weixin_39608300的博客
03-10 3833
php实训报告心得体会php实训报告心得体会Tag内容描述：1、php实训心得】php心得体会 php实训心得 PHP 是一种 HTML 内嵌式的语言，PHP与微软的ASP颇有几分相似，都是一种在服务器端执行的嵌入HTML文档的脚本语言，下面是学习啦带来的php实训心得体会，仅供参考。 php实训心得一： 1、关于输出：echo不是函数，只是一个语言结构，因此不需要用括号把后面的参数括起来，当然，...
Java学生信息管理系统实训第二天总结
shilanli的博客
06-19 2121
实训开始第一天我就请假了，才上了一节课，做了下面这个结构图。后来不仅彩排浪费了很多时间，就连学习都耽误了，真的是心累啊。 现在是实训的第二天，刚刚上课我就知道跟不上老师了，也不知道什么是能赶上老师的进度。所以，老师在讲课，我却在做前一天的内容。但是跟着老师的课件感觉还是不是很难，很多东西都是之前学过的。 一、建数据库的表，这些老师都给了代码的，运行一下加可以的。 二、建好数据库之后就新建...
c#程序设计实训报告心得体会_关于实训的心得体会4篇
weixin_39962394的博客
12-22 7008
关于实训的心得体会4篇心得体会是指将学习的东西运用到实践中去，通过实践反思学习内容并记录下来的文字。有关实训的心得体会，欢迎大家一起来借鉴一下！实训的心得体会(一)：透过这两周的实训，我们学会了手持编程器的编程方法，编入、写出、删除及修改都会了。在以后学习过程中期望大家多多提点.我和倪泽旭主要负责程序设计和调试。第一个项目比较简单，只有一点小问题，和快我们就解决了。第二个项目相对于第一个来说复杂了...
Java学生信息管理系统实训第三天总结
shilanli的博客
06-21 3639
上次做到了测试StudentDaoImpl数据访问接口实现类,虽然遇到了很多问题，但是在老师的帮助下，还是解决了，但其实感觉自己并没有学会自己写代码。能力不够，还有不够细心，有一些特殊的地方，只要打错一个代码就有可能导致整篇代码无法运行，所以自己还是应该细心一点，并且认真一点。今天我从测试UserDaoImpl数据访问接口实现类测试开始写。 4、UserDaoImpl数据访问接口实现类测试 pac...
C语言实训跟着老师敲得坦克大战，给有需要的同学
03-14
《C语言实训：坦克大战游戏实现详解》 在IT领域，C语言作为一门基础且强大的编程语言，一直是学习者入门的首选。对于初学者来说，通过编写实际项目来加深对C语言的理解是一种非常有效的学习方法。本文将详细介绍一...
15软件班安卓课程实训总结
热门推荐
howard2005的专栏
05-25 1万+
本次安卓实训课程是一次将理论知识转化为实际开发能力的重要实践，旨在帮助同学们深入理解并熟练运用Android开发技术。在为期数周的实训过程中，邓超、李宇通和何俊松三位同学分别通过构建不同版本的音乐播放器项目，系统性地学习了从基于存储卡的本地音乐播放功能到利用媒体库及网络资源进行音乐播放的进阶技术。
基于MATLAB图像平滑处理代码面板GUI.zip
11-02
c
已更新2023-1992年中国省级、地级市、区县级夜间灯光数据（DMSP和VIIRS校正后）-最新出炉.zip
11-02
已更新2023-1992年中国省级、地级市、区县级夜间灯光数据（DMSP和VIIRS校正后）-最新出炉.zip
技术资料分享ZigBee问答之“KVP”、“MSG”非常好的技术资料.zip
11-02
技术资料分享ZigBee问答之“KVP”、“MSG”非常好的技术资料.zip
Flask-2.1.2.tar.zip
最新发布
11-02
Flask-2.1.2.tar.zip
基于MATLAB图像腐蚀膨胀源码面板GUI.zip
11-02
c
使用 Flask 框架构建的 Web 应用程序，功能涉及用户认证、文件上传（CSV 和图像文件）、图像文字识别（OCR）
11-02
Flask 框架构建的 Web 应用程序，功能有用户认证、文件上传（CSV 和图像文件）、图像文字识别（OCR）、数据评分以及基于 OCR 结果的信息比对等 from jspt_data import jspt_cx_table,jspt_cx_table_sql等：从自定义模块jspt_data中导入数据相关的内容，虽然不清楚具体是什么，但可能是与数据库查询表或 SQL 语句相关。 from flask_sqlalchemy import SQLAlchemy等：导入 Flask 相关的扩展和库，如SQLAlchemy用于数据库操作，Flask用于创建 Web 应用，render_template等用于渲染模板，flask_login相关的用于用户认证。 import records：用于数据库查询操作，可能是一个更方便的数据库访问库。 import cv2、from paddleocr import PaddleOCR等：用于图像处理（cv2）和光学字符识别（PaddleOCR）。 import pandas as pd：用于数据处理，特别是读取和操作 CSV 文件。
技术资料分享HLY070ML226-12A非常好的技术资料.zip
11-02
技术资料分享HLY070ML226-12A非常好的技术资料.zip
LLC simulink仿真（slx模型文件）
11-02
LLC simulink仿真（slx模型文件） LLC simulink仿真（slx模型文件） LLC谐振转换器是一种高效的直流-直流(DC-DC)电源转换器，因其独特的谐振特性而得名。在电力电子领域，LLC仿真对于理解和优化这种转换器的性能至关重要。Simulink是MATLAB环境下的一个强大工具，用于建立和仿真复杂系统，包括电力电子系统。 标题“LLC simulink仿真”指的是使用Simulink进行LLC谐振转换器的建模和仿真。通过Simulink，工程师可以模拟LLC转换器在不同工作条件下的行为，如负载变化、输入电压变动以及控制策略的影响。 **LLC电路的基本原理：** LLC谐振转换器结合了升压（Boost）、降压（Buck）和串联谐振（Series Resonant）三种拓扑结构的特点。它由主开关、副开关、电感、电容和二极管组成。谐振电容和电感形成谐振回路，使得开关器件能在零电压或零电流条件下切换，从而降低开关损耗并提高效率。 **仿真过程：** 在Simulink中，首先需要建立LLC转换器的模型，包括各个元件的参数设定。这包括主开关和副开关的开关频率、谐振
"函数与模块化程序设计：C语言实训教程第7章
第7章函数及其应用是C语言程序设计与实训教程中的重要内容之一。在这一章节中，学习者需要掌握函数的编写及调用方法，领会模块化程序设计方法。具体学习内容包括函数的定义、调用及声明，函数间参数的传递方法，以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值