摘要: 这几天重新看jquery知识,发现了一些容易搞混的方法,在这里记录一下,避免重新犯错 append和after、prepend和before 两个方法猛地一看感觉一样,但仔细看一下,就知道他们的不同 图1 append: 在被元素的结尾插入内容,里面的内容插入的位置是在标签里面 prepend:在被 阅读全文
posted @ 2021-07-29 11:37 a56爆大奖在线娱乐超凶的 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 不说了,上效果图! 两个input里面的值是固定的,除了显示上下班时间,没啥意义 html代码: HTML代码没啥可说的,大家应该都能看得懂 js代码: 时间计算公式:下班时间-现在时间=倒计时时间 要注意的是里面获得的时间是将他们转化为毫秒数进行计算的,最后的判断则是将他们转化成了大家所熟知的时间 阅读全文
posted @ 2021-07-28 11:01 a56爆大奖在线娱乐超凶的 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 今天闲逛时突然发现了a56爆大奖在线娱乐具有翻牌模样效果的电子表,感觉很有意思,就写来练练手,希望对大家有帮助,提示:代码较多,建议新建成.html,.css,.js三个文件,不要写一块,不然太拥挤了 老样子,先上效果图: html代码: css代码和js代码太长了,加一块五六百行代码,写不下来,已经传到码云上了, 阅读全文
posted @ 2021-07-23 11:11 a56爆大奖在线娱乐超凶的 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 上一篇写了如何使用图片来实现钟表效果,这次不使用图片,全程都用html+css+js实现钟表效果 效果图: 效果图不错吧,全程js哦 上代码 html代码: 因为没使用图片,a56爆大奖在线娱乐钟表上的12个数字都要自己写,然后在css里设置样式,变成大家看到的模样,而最后的四个块,则是用来写锚点和时分秒指针的 j 阅读全文
posted @ 2021-07-23 10:38 a56爆大奖在线娱乐超凶的 阅读(415) 评论(0) 推荐(0) 编辑
摘要: 前段时间用js写过电子表,然而现实里除了电子表,还有挂表这种钟表,今天就实现这种效果。 效果图: 原图: 指针图使用精灵图将他们压到一张图上了,用时记得找准位置 图片来源于网络,如有侵权,请联系a56爆大奖在线娱乐。 html代码: 没啥可说的,box是钟表背景,三个span是时分秒三个指针 css代码: css里, 阅读全文
posted @ 2021-07-23 10:21 a56爆大奖在线娱乐超凶的 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 贪吃蛇小游戏大家都不陌生,基本上都玩过,而使用js,也能够编写出各种各样的小游戏,今天就写一下贪吃蛇这个经典小游戏 效果图: html代码 代码没啥可说的,两个下拉框分别对应着游戏棋盘大小和贪吃的速度 css代码 原本还用弹性布局将#box居中的,但截不了那么长的图,就省略了,如果感觉不好看,可以自 阅读全文
posted @ 2021-07-22 11:14 a56爆大奖在线娱乐超凶的 阅读(519) 评论(0) 推荐(0) 编辑
摘要: 手风琴效果是前端常用的功能,效果类似于QQ联系人,点击一个分类标题显示他的内容,再点击其他分类标题,再显示响应的内容,同时其他的内容回收 HTML代码 css代码 { margin:0; padding:0 } .box { width:200px; margin:30px auto; cursor 阅读全文
posted @ 2021-07-16 15:31 a56爆大奖在线娱乐超凶的 阅读(233) 评论(1) 推荐(0) 编辑
摘要: 电子表大家应该都不陌生,今天就写一个电子表练练手 html css js 整个练习没什么难度,主要要注意的就是js里时间获取时月份记得要加1,因为获取的月份是0~11,只有加一后,才会变成大家所熟知的12月 效果图: 阅读全文
posted @ 2021-07-13 16:09 a56爆大奖在线娱乐超凶的 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 放大镜大家都不陌生,这次a56爆大奖在线娱乐就用js写一个放大镜 css代码 { margin: 0; padding: 0; } .kk { display: flex; } .box { width: 500px; height: 400px; border: 1px solid red; user-select 阅读全文
posted @ 2021-07-13 14:51 a56爆大奖在线娱乐超凶的 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 表格是a56爆大奖在线娱乐们前端开发,尤其是后台管理项目时经常遇到的问题,主要就是增删改查功能,这里写一下js版本的表格 最终效果图: HTML代码: 因为屏幕原因,没法一次截上来,只能这样了。 CSS代码 css代码并不复杂,借不多解释了。 js代码: 先获取元素 点击删除功能 第一个删除数据是原本写好的数据,即原 阅读全文
posted @ 2021-07-01 22:58 a56爆大奖在线娱乐超凶的 阅读(478) 评论(0) 推荐(0) 编辑