自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 js节点操作-留言栏增删操作

今天来实现一个留言栏的增删操作首先将前端页面搭建出来,代码如下 * { margin: 0; padding: 0; } body { padding: 100px; } textarea { width: 200px; height: 100px; b

2021-10-25 00:25:28 303

原创 JS原生代码实现tab栏切换

今天我们来实现一个tab栏切换的功能,也是一个经常会使用的功能。效果如下:那么下面我们来看看是怎么实现的吧!这是页面布局部分下面我们来看看实现工能的思路,首先获取我们所需要的节点,然后通过点击切换来切换到指定的页面完整js代码如下好了今天的分享就到这,如有错误之处,请指正...

2021-10-17 12:17:13 1128 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 4715

原创 鼠标移入实现一级下拉菜单

今天在开发中碰到一个问题,做一个一级下拉菜单,效果如下当鼠标移入“关于我们”出现下面的图片和文字,看起来很容易添加一个:hover就能实现但是发现一个问题<style> .test_box { width: 100px; height: 100px; background-color: blueviolet; /* 将盒子隐藏 */ displ

2021-10-04 01:06:10 469 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 219

原创 for循环输出菱形星星

今天我们来分享一下,通过循环来编写出一个菱形。第一种:通过双层for循环来实现for(var i = 1; i <= 5; i++) { //外层循环代表的是要循环的行数 for(var k = 0; k < 5 - i; k++) { //这层循环是要循环的空格数 document.write('&ensp;'); } for(var j = 0; j < i; j++) { //内层循环代表的是要打印的列数 document.

2021-09-18 16:41:09 1281 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除