- 博客(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
338
原创 JavaScript实现全选
JavaScript原生代码实现全选 代码思路 先给全选按钮添加事件 定义一个变量来记录被选中的数量 通过对其他的input标签循环,将全选按钮的checked值赋值给其他input的checked 通过在循环中添加事件,来解决选中全部其他标签而全选标签无法选中的情况 , 这里需要判断checks的布尔值,来改变n的值. 主要代码 全选: <input type="checkbox" name="allcheck" id=""> <p>
2020-05-24 12:26:29
2135
原创 mousemove实现一一串div跟随鼠标
mousemove实现一串div跟随鼠标 最近学习JavaScript,学习到了鼠标世事件,感觉很有意思,写了一个跟随鼠标移动的div串.代码比较简单. 代码思路 由于是多个div,所有不采用html标签的方式.,使用JavaScript设定.( document.createElement() ); 创建一个空数组,存储生成的div 给鼠标添加移动事件 设定循环,更新靠后div的坐标,将前面div的坐标赋值给后面div的坐标,从而实现一串运动 将第0个div复制当前鼠标的坐标 <style>
2020-05-20 21:22:54
543
原创 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
645
原创 flex弹性布局
flex弹性布局(display: flex;) 添加在父容器上 1. display: flex; 2. flex-direction 布局的排列方向 flex-direction: row;默认值，显示为行。方向为当前文档水平流方向，默认情况下是从左往右。 <style> #main ul{ margin: 100px; ...
2020-03-01 20:41:43
226
原创 纯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
933
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人