- 博客(24)
- 收藏
- 关注
原创 HTML5--使用css绘制鸡蛋
1. 案例展示2. 代码!doctype html><html><head><meta charset="utf-8"><title>鸡蛋</title> <style> .shap-1{ width: 200px; height: 300px; background-color:#fca; margin: 100px auto ; border-radius: 50% 50% 50% 50
2020-07-11 14:32:47
1025
原创 HTML5--使用CSS3制作动态太极
1. 效果展示:2. 代码:<!doctype html><html><head><meta charset="utf-8"><title>使用CSS3制作太极</title> <style> .taiji{ animation: taiji 10s infinite ease ; width: 100px;height: 200px; background-color: #f00;
2020-07-11 14:28:53
470
原创 HTML5--使用css绘制圆
1.效果展示:2.代码:<!doctype html><html><head><meta charset="utf-8"><title>CSS3绘制圆</title><style> .circle{ width: 200px; height: 200px; border: 1px solid #AC00FC; border-radius: 50%; margin: auto;}&
2020-07-11 14:17:51
1274
1
原创 HTML5--使用三次贝塞尔曲线绘制水波动画
1.定义及其用法定义和用法(1)bezierCurveTo() 方法通过使用表示三次贝塞尔曲线的指定控制点,向当前路径添加一个点。(2)三次贝塞尔曲线需要三个点。前两个点是用于三次贝塞尔计算中的控制点,第三个点是曲线的结束点。曲线的开始点是当前路径中最后一个点。如果路径不存在,那么请使用 beginPath() 和 moveTo() 方法来定义开始点。2.效果展示3代码<!doctype html><html><head><meta charse
2020-07-11 14:14:02
460
原创 HTML5--canvas绘制多边形
1. 绘制图形展示效果2. 代码<!doctype html><html><head><meta charset="utf-8"><title>绘制多边形</title><style> body{background-color: darkgray} #myc{border: 1px solid #000;margin: auto;display: block}</style></h
2020-07-11 14:05:41
1438
原创 HTML5--制作导航栏
案例展示点击会发生颜色的变化,如下图所示:代码<!doctype html><html><head><meta charset="utf-8"><title>制作导航条</title><style> /*w800,h40,bac*/ nav{width: 800px;height: 40px;background-color:blue;} /*去边*/ bav ul{margin: 0..
2020-07-11 10:06:44
1973
原创 HTML5--表格的应用(填写信息表)
案例试图如下:实现代码:<!doctype html><html><head><meta charset="utf-8"><title>制作推荐表</title><style> table{width: 700px;margin: auto;border: 1px solid #000000;border-collapse: collapse} table td{border: 1px solid #.
2020-07-11 10:00:30
526
原创 HTML5--带背景音乐的网页
案例界面如下:网页效果: 点击左下角隐藏图片按钮会发现音乐响起和花瓣开始360度旋转运动。当再次单击按钮时,音乐停止,花瓣旋转也停止运动。详细代码如下:<!doctype html><html><head><meta charset="utf-8"><title>带背景的音乐网页</title><style> body{background-color:#000000;} .rot{animatio.
2020-07-11 09:30:00
886
原创 HTML5--实现视频切换效果
1**. 视频切换样式:**点击右边的字体会实现不同视频的切换2. 实现视频切换的代码:<!doctype html><html><head><meta charset="utf-8"><title>精彩视频播放</title><link rel="stylesheet" type="text/css" href="common.css" ><style> video{ width:
2020-07-11 08:55:00
4315
7
原创 HTML5--input表单元素属性(用户注册案例)
1.代码(2)效果截图:注:油画图片都来源于网络有错误的地方欢迎指出,其实我也是初学者具体代码下载:链接:https://pan.baidu.com/s/1FPgY8M1eSVLcoIfKwVTRKw提取码:vxw8
2020-05-27 14:46:25
414
原创 canvas绘制二次贝塞尔曲线(利用二次贝塞尔曲线绘制图形)
1.利用二次贝塞尔曲线绘制图形展示:2.代码:<!doctype html><html><head><meta charset="utf-8"><title>logo</title><style> #myc{border: 0px solid #000 ;display: block;margin: auto;} div{text-shadow: 5px 5px 3px #999999;font-siz
2020-05-26 15:36:39
845
原创 LRU/最佳/FIFO页面置换算法
一.先了解一下几种算法的定义:1. 最佳(Optimal)置换算法: 最佳置换算法是由Belady于1966年提出的一种理论上的算法。其所选择的被淘汰页面将是以后永不使用的,或许是在最长(未来)时间内不再被访问的页面。2. 先进先出(FIFO)页面置换算法:FIFO算法是最早出现的置换算法。该算法总是淘汰最先进入内存的页面,即选择在内存中驻留时间最久的页面予以淘汰。3. LRU(Leas...
2020-05-04 15:35:22
15627
1
原创 Communications link failure错误(亲测有效)
当时我的报了这个错误,我就从网上搜了解决这类问题的办法,找到的大多数是说:MySQL服务器默认的“wait_timeout”是8小时,数据库超过8小时没用,链接超时了。让修改这两句话:set global wait_timeout=604800;set global interactive_timeout=604800;但是我修改了也没解决Communications link failu...
2020-03-18 20:39:40
116086
16
原创 思科 rip协议与ospf协议结合使用(rip与ospf的重发布)
拓扑图实验过程(1)分别给PC和路由器配置IP地址PC0:PC1:R0:R1:R2:(2)分别配置rip和ospf协议R0:rip协议R1:左边rip协议R1:右边ospf协议R2:OSPF协议(3)rip与ospf的重发布因为R1是rip和ospf协议的交接处所以在R1上进行rip和ospf的重发布(4)封装协议R0:R1:R2:...
2020-01-27 11:10:50
8840
1
原创 思科 高级配置RIP V2动态路由
rip v1与rip v2的区别RIP V1是有类路由,发送数据包进行路由学习时不带子网掩码;路由学习时采用广播更新。该路由协议不支持不连续子网的路由。RIP V2是无类路由,发送数据包进行路由学习时带子网掩码;路由学习时采用组播更新。该路由协议支持不连续子网的路由。拓扑图实验目的利用rip v2实现各个路由器的环联互通实验过程(1)PC的配置(2)配置路由器的IP地址R0:...
2020-01-26 13:52:11
1144
原创 思科 RIP动态路由
实验目的利用rip动态路由实现路由器互联互通拓扑图给各个路由器分别配置IP地址实验过程(1)分别配置相连路由器的IP地址R0:R1:R2:R3:(2)利用rip声明自己的网络号R0:R1:R2:R3:(3)测试:可以任选一台路由器ping设置的IP地址,若是可以ping通任何一个配置IP说明配置成功。若是不通,查看ping不同哪一个路由器,再去p...
2020-01-26 11:21:50
408
原创 思科 交换机的vtp模式
实验目的·了解vtp模式的作用:快速的建立和修改VLAN使他们保持同样的VLAN数据库。·掌握vtp模式下三种模式拓扑图交换机的配置第一步:把两两相连的交换机分别trunkSW0:SW1:SW2:SW3:第二步:配置交换机vtp三种模式SW0: 设置成域名为A,服务器模式(server)SW1:设置成域名为A,客户机(client)SW2:设置成域名为A,透...
2020-01-23 21:37:17
4012
原创 思科 动态路由OSPF
实验内容1.利用ospf动态路由协议完成各个子网网络之间的互联通信2.利用ospf动态路由协议完成不同自治区域之间的互联通信实验步骤1.利用ospf动态路由协议完成各个子网网络之间的互联通信拓扑图见上边路由器和PC的配置第一步:分别配置PC和路由器的地址PC的配置:R0:R1:第二步:ospf协议的配置R0:R1:第三步:封装协议:R0:R1:第四步...
2020-01-23 11:37:22
1496
原创 思科 利用loopback对路由器远程登录
一.对于Loopback简介: · 本地环回接口(或地址),亦称回送地址(loopback address)。 ·此类接口是应用最为广泛的一种虚接口,几乎在每台路由器上都会使用。·作为一台路由器的管理地址 ,系统管理员完成网络规划之后,为了方便管理,会为每一台路由器创建一个loopback 接口,并在该接口上单独指定一个IP 地址作为管理地址,管理员会使用该地址对路由器远程登录(tel...
2020-01-22 21:08:35
3673
原创 思科 利用静态路由实现路由器互通
一.拓扑图二。分别给路由器和PC配置地址第一步:分别给路由器配置IPR0:R1:R4:R3:第二步:添加静态路由使路由器实现互通R0:R1:R4:R3:注:· show ip route 查看路由器路由表的内容。·例如:R0(config)#ip route 192.168.2.0 255.255.255.0 fa0/1 注意不要漏掉 fa0/0...
2020-01-21 20:57:54
6034
1
原创 思科 远程登录交换机
一.拓扑图二.对交换机进行配置第一步:配置交换机的管理IP地址注:默认的VLAN是VLAN1第二步:配置交换机的远程虚拟终端登录密码注:·在“password 123”中123代表的是自己设置的密码。·login 允许登录第三步:配置登录交换机特权模式密码第四步:给PC配置地址第五步:验证1.先ping一下是否能ping通交换机的IP2.若能ping通就可以远程登录...
2020-01-21 19:47:14
2779
原创 思科子接口单臂路由实现不同VLAN之间访问
一.拓扑图二.设备的配置(1)在交换机上划分不同VLAN(2)交换机上定义trunk注:红笔所划的是定义trunk(3)路由器的命令配置(4)PC的配置三.测试在此基础上拓展一下1、拓扑图2.另外两台PC的配置3.另一台交换机的配置3.两台交换机上都要trunk4.测试(第一次写,如果那里写的不对还请各位给指出来,不喜勿喷)...
2020-01-14 21:11:07
2769
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人