关注
分享
主要是web前端学习中js基础的知识以及用js写的一些基础样式，例如，手风琴，轮播图~~~
休息休息夏
我爱喝咖啡~~~
展开
-
循环轮播图02
循环轮播图案例02案例演示：1.点击下面图标，图片进行轮播2.图片轮播完，接着轮播到第一张（代码内部具有详细解释）项目结构图：HTML代码：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>图片轮播示例</title> <link rel="stylesheet" href="css/lunbo.css" /> <scr原创 2021-04-09 14:23:12 · 274 阅读 · 1 评论 -
手风琴案例02
手风琴案例02案例演示：1.点击文字，手风琴效果进行切换2.图片切换的同时，背景也同时切换项目结构：css样式：*{ margin: 0; padding: 0;}html,body, .bg{ height: 100%; width:100%;}body{ position: relative;}.bg{ display: none;}.bg-active{ display: block;}.bg:nth-chil原创 2021-04-09 14:03:20 · 93 阅读 · 0 评论 -
轮播图案例01
轮播图案例01展示效果为：详细描述：1.图片转动轮播2.当鼠标放在图片上，轮播停止，两侧图标显示出来，可以向左向右进行切换3.当鼠标离开图片，轮播继续，并且两侧图标消失css样式：<style> *{ margin: 0; padding: 0; } html,body,.main{ height: 100%; width: 100%;原创 2021-04-09 11:55:26 · 80 阅读 · 0 评论 -
push()、pop()和unshift()、shift()了解
push()、pop()和unshift()、shift()解释数组为：var arr = [1, 2];1、push()和unshift()向数组的 尾部/头部 添加若干元素，并返回 数组的 新长度； arr.push(3,4)； //返回 arr 的新长度 4 arr ; // arr = [1,2,3,4]; arr.unshift(0,0.5); // 返回 arr 的新长度 6 arr ;原创 2021-04-09 11:38:15 · 249 阅读 · 0 评论 -
JS 数组合并的3种方法（concat(),push(),push.apply()）
标题JS 数组合并的3种方法（concat(),push(),push.apply()）1、使用concat()进行数组合并concat()连接两个或更多的数组，并返回结果。var arr1=[1,2];var arr2=[3,4,5];var arr3=arr1.concat(arr2);//[1,2,3,4,5]注：使用concat()进行数组合并之后，需要用数组接收concat()返回的数组。2、使用push()进行数组合并遍历长度最少的数组，将该数组的元素依次添加进另外一个数组中，放在原创 2021-04-09 11:35:00 · 3744 阅读 · 0 评论 -
手风琴案例01
js手风琴案例1演示如图：css代码：*{ margin: 0; padding: 0;}html,body{ height: 100%; width:100%; background-color: black;}body{ position: relative;}.main{ position: absolute; height: 450px; width: 1114px; /*background-co原创 2021-04-08 21:18:22 · 81 阅读 · 1 评论