自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 JavaScript:从0到1编写贪吃蛇

游戏截图1.画出游戏界面var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d");//获取地图2.给小蛇设置参数var time = 160 ; //蛇的速度 var x = y = 8; var t = 20; //蛇身长 var map = []; //记录蛇运行路径 var size = 8; //蛇身单元大小 3.移动小蛇以及判断

2020-07-27 15:32:35 202

原创 js编写简易播放器

效果图(不兼容谷歌):功能:能够实现显示视频总时长,可以随着视频的播放,进度条和播放时间同步增加,也可以拖动进度条使得播放时间和播放内容同步变化源代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>video</title></head> <body> <video src="

2020-07-27 16:58:45 385

原创 js编写简易计算器

使用绑定时间触发 加减乘除加:减:乘:除:源代码:<body> 第一个数:<input type="text" id="num1" /><p></p> <div id="ss"> <button type="button" >+</button> <button type="button" >-</button> <button type="button" &g

2020-07-27 16:39:13 214

原创 JavaScript编写动态时钟

效果图:、实质上就是调用时间库,再添加一个颜色数组,给显示的时间嵌套一个div盒子,再将颜色数组的颜色设置随机变化,这样就使得时间变化的时候颜色也会发生变化。完整源代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>网页时钟</title> <style> </style> </head>

2020-07-27 16:08:32 640

原创 txt数据的同步异步请求

同步请求和异步请求的区别:同步请求是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。异步请求是指:发送方发出数据后,不等接收方发回响应,继续接着发送下一个数据包的通讯方式。同步请求:function fun1(){ //1.初始化 var xhr = creatXMLHttpRequest(); //2.创建请求 xhr.open("get","info.txt",false); //false为同步请求 //3.发送请求 xh

2020-07-27 15:56:39 137

原创 Web前端学习第二天---百度图库搜索

##百度图库搜索示例图:css代码:body{ background-image: url(img/bd.jpg);//插入背景图片 background-size: 100% auto;//使背景图片的大小为100% 且自动适应屏幕 background-repeat:no-repeat; //使背景图片不重复 background-attachment:...

2020-03-20 14:18:43 270

原创 Web前端学习第一天-----百度搜索页面

##百度搜索页面示例图:源代码:.css代码:.inputDiv { font-size: 0; //使text文本框和按钮无缝连接 }.text{ border: 1px solid #b6b6b6; width:474px; height:36px; font-size:20px; ...

2020-03-20 13:38:50 421

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除