首页 > 其他分享 >HTML+CSS+JS实现一个图书管理的登录跳转,做的花里胡哨,当娱乐即可。

HTML+CSS+JS实现一个图书管理的登录跳转,做的花里胡哨,当娱乐即可。

时间:2024-03-18 22:02:33浏览次数:23  
标签:web E5% E7% JS HTML 跳转 只学 页面

目录

1、大二上学期的一个小作业

2、页面展示

3、进入主页可以看到书籍,这个页面是参照某个博主写的,忘记是哪个了,好久了。

4、点击右边的搜索框,会跳转到我写的另一个页面,这里面的都是固定的,不是灵活的,因为当时只学了web而已。

5、获取源码地址


1、大二上学期的一个小作业

2、页面展示

完整运行视频:

<iframe allowfullscreen="true" data-mediaembed="csdn" frameborder="0" id="hniAj1OM-1710754282229" src="https://live.csdn.net/v/embed/371792"></iframe>

图书管理系统登录跳转(娱乐)

背景是一个视频,登录名是user,密码666666,这里没有连接数据库什么的,是写死的,可以自行修改。

3、进入主页可以看到书籍,这个页面是参照某个博主写的,忘记是哪个了,好久了。

鼠标浮在书籍上,会显示他的内容,这是使用了hover伪类实现的。

4、点击右边的搜索框,会跳转到我写的另一个页面,这里面的都是固定的,不是灵活的,因为当时只学了web而已。

5、获取源码地址

有两个视频太大了,上传不了,自己随便添加就行。

web/图书管理登录跳转(娱乐版) · 宇颀休闲/code - 码云 - 开源中国 (gitee.com)icon-default.png?t=N7T8https://gitee.com/yq-leisure/code/tree/master/web/%E5%9B%BE%E4%B9%A6%E7%AE%A1%E7%90%86%E7%99%BB%E5%BD%95%E8%B7%B3%E8%BD%AC%EF%BC%88%E5%A8%B1%E4%B9%90%E7%89%88%EF%BC%89

标签:web,E5%,E7%,JS,HTML,跳转,只学,页面
From: https://blog.csdn.net/qq_63462564/article/details/136815019

相关文章

  • 前端基础之HTML进阶
    表格标签只要是展示数据,一般都可以使用表格标签<body><tableborder="1"cellpadding="5"cellspacing="5>#border:为表格添加外边框#cellpadding:调整字体离边框距离#cellspacing:调整内边框离外边框的距离<thead>表头(字段信息)......
  • 亲子游戏【华为OD机试JAVA&Python&C++&JS题解】
    题目描述宝宝和妈妈参加亲子游戏,在一个二维矩阵(NN)的格子地图上,宝宝和妈妈抽签决定各自的位置,地图上每个格子有不同的糖果数量,部分格子有障碍物。游戏规则是妈妈必须在最短的时间(每个单位时间只能走一步)到达宝宝的位置,路上的所有糖果都可以拿走,不能走障碍物的格子,只能上下......
  • JavaScript学习笔记7: 对象 - 自定义对象&JSON
    JS对象-自定义对象&JSON自定义对象类似java的类Json的所有属性(key)需要用双引号包围,本质是字符串<script>    varuser={    name:"tom",    age:10,    gender:"male",    //eat:function(){}    //可以简写为    eat(){//自......
  • JSON在服务器端的使用
    Test1packageatsyc.test;23importatsyc.pojo.Dog;4importatsyc.pojo.Person;5importcom.fasterxml.jackson.core.JsonProcessingException;6importcom.fasterxml.jackson.databind.ObjectMapper;7importorg.junit.Test;89importjava.util.......
  • 前端基础之HTML标签基础
    HTML简介什么是HTML站在显示文本内容的角度去看,浏览器与word的原理一样,我们可以将浏览器当成一个网页版的只读word,浏览器也必须有一套自己能识别的标记文本的规范,该规范被称为HTML,HTML全称是超文本标记语言(HyperTextMarkupLanguage)。“超文本”指的是用超链接的方法,将各种......
  • html小练
    面试题:行内元素有哪些?块级元素有哪些?空(void)元素有哪些?面试题:页面导入样式时,使用link和@import有什么区别?面试题:title与h1的区别、b与strong的区别、i与em的区别?面试题:img标签的title和alt有什么区别?面试题:png、jpg、gif这些图片格式解释一下,分别什么......
  • JavaScript学习笔记1: JS引入方法
    JavaScriptJS的引入方法内部脚本在script标签间插入js语句,可以在任意位置放置任意数量的script,为了改善显示速度,一般把js脚本放在body的底部<!--内部脚本--><script>//警告框alert('HelloJS');</script>外部脚本外部定义的js脚本,在js脚本中......
  • JavaScript学习笔记2: js书写语法及变量
    JS书写语法以及变量变量声明变量<style>vara=20;a="张三";//js是一门弱类型语言,变量可以存放不同类型的值</style>几种不同的变量声明方式varvar定义的是全局变量在代码块中声明的变量,在代码块外也可以访问可以重复定义<style>{v......
  • html--机器人
    <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"......
  • html--蝴蝶
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>蝴蝶飞舞</title><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.c......