作业
关注
分享
扫一扫
Jiang酱~
小小白
展开
-
jQuery——简单的猜数游戏
这个界面我直接用bootstrap框架编写的 随机生成1-100的数，共5次机会，失败后会提示还剩几次机会并选择是否继续猜数。 可打开控制台查看随机数 在 head 标签里先导入bootstrap的类+jQuery： <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.css" rel="st...原创 2019-04-04 09:13:12 · 457 阅读 · 0 评论 -
JS—综合移动轮播图
这个轮播图我时跟这学习视频做的： 功能：下标索引+左右按钮+无缝轮播（首尾相连）+自动轮播 注： 1：无缝轮播——若想要显示5张图，那么应该在后面再加一张图（内容为第1张图），共显示6张图。通过元素创建加图，如下，不要直接写在ul标签里，不然下标索引也会相应增加哦 ulObj.appendChild(ulObj.children[0].cloneNode(true)); 2：索引 pic ...原创 2019-04-04 17:34:11 · 200 阅读 · 0 评论 -
纯CSS——皮卡丘
直接上代码啦~ 不过自己目前写的还有一点点BUG，眨眼的时候皮卡丘的眼白消失的有些慢，如果你们有更好的解决办法也可以教教我，分享分享~ html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>PiKa~</title>...原创 2019-03-31 20:09:37 · 954 阅读 · 1 评论 -
JS实现简易计算器
我是用bootstrap做的一个简易界面： 我觉得这里面最有价值讲的就是 eval() —— 它可以直接对内部的内容进行简单运算哦！ eval（“2+3”）——返回5 那我就直接上代码啦： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti...原创 2019-03-31 20:20:06 · 2535 阅读 · 0 评论 -
JS实现表格的动态增删改功能
功能： 全选，全不选 删除对应行 修改数量（点修改按钮之前不可更改，点击后此按钮value变确定，数量可改，再点击value变为修改，数量不可改） 增加行（直接在新增的行内输入数据，点击确定按钮后，不可更改） 效果图 ： 代码： 增加行的代码我有一部分屏蔽了，那部分是另外一种方法，不过是写死的 <!DOCTYPE html> <html lang="en"> <...原创 2019-04-11 11:36:23 · 6017 阅读 · 0 评论 -
播放器自定义控制条
这是我目前做的，但并不完善，后期有时间还会修改过，但大致上已经可以了。 我写进度条样式的方法不是很好，我觉得把进度条最后的原点额外用一个div来控制比较好。我这里写的是用 :before 来控制的。 效果图： 引入的文件 <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" hre...原创 2019-05-06 09:01:47 · 940 阅读 · 0 评论 -
简单实现video的QA环节
效果图： 在指定的某个时间点出现QA环节： 回答错误 或 超过规定的时间未回答，出现如下情况： 思路 通过定时器（每隔1s的）判断video.currentTime来决定什么时候出现QA环节； 出现QA环节时，暂停播放，清理每隔1s的定时器； 定义一个变量clickNum来判断是否答题（clickNum=1），默认为未答题（clickNum=0，有一个5s的一次性定时器），若在5s内答题了，...原创 2019-05-26 19:39:14 · 1303 阅读 · 1 评论