- 博客(6)
- 收藏
- 关注
RSS订阅原创 用少量JavaScript代码实现轮播图
JavaScript原生代码手写轮播图代码思路获取到对应的标签设定两个全局变量,当前索引index和上一索引 lastIndex封装清除和添加 class属性 , 上一索引对的图片按钮清除class,当前添加class,实现切换效果给btn按钮添加点击事件给向左,向右点击添加事件,实现点击切换这里需要对index的值进行判断,最大值为length-1,最小值为0;如果index值大于length-1,index=0;如果index小于0,index=length-1;封装自动轮播函
2020-06-04 15:31:32
278
原创 JavaScript实现全选
JavaScript原生代码实现全选代码思路先给全选按钮添加事件定义一个变量来记录被选中的数量通过对其他的input标签循环,将全选按钮的checked值赋值给其他input的checked通过在循环中添加事件,来解决选中全部其他标签而全选标签无法选中的情况 , 这里需要判断checks的布尔值,来改变n的值.主要代码全选: <input type="checkbox" name="allcheck" id=""> <p>
2020-05-24 12:26:29
2023
原创 mousemove实现一一串div跟随鼠标
mousemove实现一串div跟随鼠标最近学习JavaScript,学习到了鼠标世事件,感觉很有意思,写了一个跟随鼠标移动的div串.代码比较简单.代码思路由于是多个div,所有不采用html标签的方式.,使用JavaScript设定.( document.createElement() );创建一个空数组,存储生成的div给鼠标添加移动事件设定循环,更新靠后div的坐标,将前面div的坐标赋值给后面div的坐标,从而实现一串运动将第0个div复制当前鼠标的坐标<style>
2020-05-20 21:22:54
466
原创 JavaScript中NAN为什么不相等
NaN，表示非数（Not a Number）是个特殊的数值。在JavaScript中NaN与其他任何值比较都将不相等 （ 包括与其他 NAN值进行比较）。 NaN == NaN; //false NaN === NaN; //false必须使用 Number.isNaN() 或 isNaN() 函数。（用来确定一个值是否为NaN）请注意isNaN（）和Number....
2020-03-15 16:55:32
553
原创 flex弹性布局
flex弹性布局(display: flex;)添加在父容器上1. display: flex;2. flex-direction 布局的排列方向flex-direction: row;默认值，显示为行。方向为当前文档水平流方向，默认情况下是从左往右。<style> #main ul{ margin: 100px; ...
2020-03-01 20:41:43
156
原创 纯css创建一个3D盒子
css写一个立方体效果图实现步骤（1）父元素设置确定景深，景深基点位置，以及产生一个三维空间<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...
2020-02-24 10:17:24
866
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人