js基础案例
主要是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 · 276 阅读 · 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 · 100 阅读 · 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 · 84 阅读 · 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 · 251 阅读 · 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 · 3773 阅读 · 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 · 88 阅读 · 1 评论