- 博客(6)
- 收藏
- 关注
RSS订阅原创 js节点操作-留言栏增删操作
今天来实现一个留言栏的增删操作 首先将前端页面搭建出来，代码如下 * { margin: 0; padding: 0; } body { padding: 100px; } textarea { width: 200px; height: 100px; b
2021-10-25 00:25:28
408
原创 JS原生代码实现tab栏切换
今天我们来实现一个tab栏切换的功能，也是一个经常会使用的功能。 效果如下： 那么下面我们来看看是怎么实现的吧！ 这是页面布局部分 下面我们来看看实现工能的思路，首先获取我们所需要的节点，然后通过点击切换来切换到指定的页面 完整js代码如下 好了今天的分享就到这，如有错误之处，请指正 ...
2021-10-17 12:17:13
1566
1
原创 元旦倒计时（JS计时器）
通过js编写一个距离2022年元旦还剩多少天的计时器 首先我们计算出2022-1-1日距离今天还有多少天 代码如下 <script> var nowTimer = +new Date(); //现在时间的毫秒数 var valueTimer = +new Date("2022-1-1 12:00"); //用户输入时间毫秒数 var timer = (valueTimer - nowTimer) / 1000; //倒计时秒数 var d = parseInt(timer / 60 /
2021-10-09 09:07:32
5244
原创 鼠标移入实现一级下拉菜单
今天在开发中碰到一个问题，做一个一级下拉菜单，效果如下 当鼠标移入“关于我们”出现下面的图片和文字，看起来很容易添加一个：hover就能实现 但是发现一个问题 <style> .test_box { width: 100px; height: 100px; background-color: blueviolet; /* 将盒子隐藏 */ displ
2021-10-04 01:06:10
572
1
原创 一步步教你做“锅打灰太狼”
今天给大家分享做一个小游戏“锅打灰太狼”。 首先，我们先来完成一个开始游戏的界面 上代码 //HTML代码 <div class="boss"> <div class="box1"> <p>锅打灰太狼</p> <button class="btn">开始游戏</button> <div class="box_img"> <img src="img/x5.png" /&
2021-09-25 13:46:55
293
原创 for循环输出菱形星星
今天我们来分享一下，通过循环来编写出一个菱形。 第一种：通过双层for循环来实现 for(var i = 1; i <= 5; i++) { //外层循环代表的是要循环的行数 for(var k = 0; k < 5 - i; k++) { //这层循环是要循环的空格数 document.write(' '); } for(var j = 0; j < i; j++) { //内层循环代表的是要打印的列数 document.
2021-09-18 16:41:09
1546
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人