2020年11月_蛞蝓不孤寡

原创 html+css+动画过渡做遮罩层

html+css+动画过渡做的遮罩层这个最重要的是css样式，首先先看看html架构吧：两个div不用多讲，上就对了：<div id="mask_layer">天王盖地虎 <div class="masked">宝塔镇河妖</div></div>css中最重要的只有那么几句话：大框中设置溢出隐藏：overflow: hidden小框设置透明度：opacity: 0.5从 0.0 （完全透明）到 1.0（完全不透明）重点是这句：trans

2020-11-30 17:03:57 1712

原创原生js之table切换

用原生js实现table切换效果图如下：点击触发button变色，并使div中显示相对应的名称首先先搭建模块，四个input，类型为button类型，再加四个div，搞定！<input type="button" value="table1"><input type="button" value="table2"><input type="button" value="table3"><input type="button" value="table

2020-11-10 21:36:58 1892

原创光遇——我的朋友们

写给我的朋友们（娱乐，无教学）刚好最近学习了 js 轮播，闲来无事写了一个我们照片的轮播（没有教学，没有注释，轮播讲解个人主页里有，此篇纯属娱乐）上结果图：<div id="container"> <div id="imglist" style="left: 0;"> <img src="img/img01.jpg" alt=""> <img src="img/img02.jpg" alt=""> <img src="img/im

2020-11-06 21:01:52 622 3

原创 js之简易二级联动

简易二级联动结构分析（奶奶级）这个小demo主要由三大块组成：html、css 和 js首先是html模块：form 标签用于为用户输入创建 HTML 表单，是块级元素。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。首先创建一个form表单，包含两个select，用于进行二级联动。第一个select中包含有一个onchange事件，那我们就先来了解一下什么是onchange 事件，onchange 事件怎么用：onchange 事件会在域的内容改变时发生。语法：

2020-11-06 20:44:14 782

原创简易轮播——自动和点击轮播

关于自己写的自动和点击轮播（简易版）轮播重中之重还是javascript，首先先说说架构：<div id="big"> <div id="inbig" style="left: 0;"> <img src="img/img01.jpg" alt=""> <img src="img/img02.jpg" alt=""> <img src="img/img03.jpg" alt=""> <img src="img/img04

2020-11-06 16:59:44 915

原创总结JavaScript对象——Date对象

JavaScript对象——Date对象Date 对象用于处理日期与时间创建 Date 对象：new Date()var a = new Date();1.getDate():从 Date 对象返回一个月中的某一天 (1 ~ 31)document.write(a.getDate());2.getDay():从 Date 对象返回一周中的某一天 (0 ~ 6)document.write(a.getDay());3.getFullYear():从 Date 对象以四位数字返回年份do

2020-11-04 16:24:59 190

原创总结JavaScript对象——Boolean对象

JavaScript对象——Boolean对象Boolean 对象用于转换一个不是 Boolean 类型的值转换为 Boolean 类型值 (true 或者false)创建 Boolean 对象的语法：new Boolean(value); 构造函数当作为一个构造函数（带有运算符 new）调用时，Boolean() 将把它的参数转换成一个布尔值，并且返回一个包含该值的 Boolean 对象。Boolean(value);转换函数如果作为一个函数（不带有运算符 new）调用时，Boolean()

2020-11-04 15:36:03 248

原创总结JavaScript对象——Array对象

JavaScript对象——Array对象Array对象用于在变量中存储多个值，下标从0开始,一直到length-1创建 Array 对象的语法：new Array();new Array(size);new Array(element0, element1, …, elementn);首先是Array的属性1.constructor返回创建数组对象的原型函数var test=new Array();//输出：This is an Array// var test=true; 输出：Thi

2020-11-04 14:49:24 257

fish_skyyyy的博客