- 博客(7)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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关注的人