- 博客(7)
- 收藏
- 关注
RSS订阅
原创 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
204
原创 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
641
原创 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
271
原创 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
427
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人