自定义博客皮肤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实现图片切换

1.按对应按钮切换到对应图片html部分<img width="400px" src="../images/image1.jpeg" alt=""> <hr> <div class="btnlist"> <button class="btn" num="1">按钮1</button> <button class="btn" num="2">按钮2</button&.

2022-03-04 08:56:03 2297

原创 JS实现简易红绿灯

使用js实现一个简单的红绿灯功能css部分 .box { display: flex; width: 400px; height: 100px; margin: 10px auto; border: 1px #ddd solid; border-radius: 20px; justify-content: space-ar.

2022-03-03 11:48:39 911

原创 简单多选框

<input type="checkbox" class="checkAll"> <span class="info">全选</span> <hr> <input type="checkbox" class="check"> <input type="checkbox" class="check"> <input type="checkbox" class="check"> ..

2022-03-03 10:25:05 113

原创 JacaScript实现简单Tab切换

body { background-color: #655c89; margin: 0; padding: 0; } .box { display: flex; margin: 30px 0 0 10px; } .tab { width: 100px; ...

2022-03-01 19:07:59 141

原创 JavaScript实现插入排序

实现原理:通过构建有序数组元素的存储,对于未排序的数组元素,在已排序的数组中从最后一个元素向第一个元素遍历,找到相应位置并插入。其中,待排序数组的第1个元素会被看作是一个有序的数组,从第2个至最后一个元素会被看作是一个无序数组。 从第一个元素开始,该元素可以认为已经被排序; 取出下一个元素,在已经排序的元素序列中从后向前扫描; 如果该元素(已排序)大于新元素,将该元素移到下一位置; 重复步骤3,直到找到已排序的元素小于或者等于新元素的位置; 将新元素插入到该

2022-02-14 15:57:31 731

原创 JavaScript实现冒泡排序

实现原理:在冒泡排序的过程中,按照要求从小到大排序或从大到小排序,不断比较数组中相邻两个元素的值,较小或较大的元素前移。 比较相邻的元素。如果第一个比第二个大,就交换他们两个。 对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。 针对所有的元素重复以上的步骤,除了最后一个。 持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比比较 比较的轮数 = 数组长度 - 1;每轮比较的次数 = 数组长度 -

2022-02-14 15:51:30 421

空空如也

空空如也

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

TA关注的人

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