- 博客(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
223
原创 js编写简易播放器
效果图（不兼容谷歌）： 功能：能够实现显示视频总时长，可以随着视频的播放，进度条和播放时间同步增加，也可以拖动进度条使得播放时间和播放内容同步变化 源代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>video</title> </head> <body> <video src="
2020-07-27 16:58:45
408
原创 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
249
原创 JavaScript编写动态时钟
效果图： 、 实质上就是调用时间库，再添加一个颜色数组，给显示的时间嵌套一个div盒子，再将颜色数组的颜色设置随机变化，这样就使得时间变化的时候颜色也会发生变化。 完整源代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网页时钟</title> <style> </style> </head>
2020-07-27 16:08:32
684
原创 txt数据的同步异步请求
同步请求和异步请求的区别： 同步请求是指：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。 异步请求是指：发送方发出数据后，不等接收方发回响应，继续接着发送下一个数据包的通讯方式。 同步请求： function fun1(){ //1.初始化 var xhr = creatXMLHttpRequest(); //2.创建请求 xhr.open("get","info.txt",false); //false为同步请求 //3.发送请求 xh
2020-07-27 15:56:39
180
原创 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
301
原创 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
468
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人