- 博客(8)
- 收藏
- 关注
原创 JS 轮播图
document.addEventListener('DOMContentLoaded', function () { //获取大盒子 const focus = document.querySelector('.focus'); //获取两个箭头 const focusl = document.querySelector('.focus-2'); const focusr = document.querySelector('.focus-3'); //鼠
2020-07-29 22:24:05
83
原创 js 缓动动画原理
<style> div { position: absolute; top: 100px; width: 200px; height: 200px; background-color: blueviolet; } </style></head><body> <div><.
2020-07-29 07:36:08
142
原创 JS给不同的对象添加不同的定时器 以及点击事件多次触发定时器的BUG解决
<script> //注意 函数需要传递2个参数, 动画对象 和 移动的距离; // obj 代表 目标对象? targrt 是目标移动位置 let div = document.querySelector('div'); let span = document.querySelector('span'); let btn1 = document.querySelector('.btn1'); let btn2 = document.qu
2020-07-28 22:53:10
804
1
原创 JS 简单的动画函数封装 调用
<script> //注意 函数需要传递2个参数, 动画对象 和 移动的距离; // obj 代表 目标对象? targrt 是目标移动位置 let div = document.querySelector('div'); let span = document.querySelector('span'); function animate(obj, targrt) { const timer = setInterval(func
2020-07-28 22:24:10
125
原创 JS动画原理
<script> //动画的核心原理 就是通过setlntercal()定时器 不断地移动盒子的位置. //1 . 获得盒子的当前位置. //2. 让盒子在当前位置加上一个移动距离 //3 . 利用定时器不断重复这个操作 //4. 加一个结束定时器的条件 //5 . 注意 此元素需要添加定位 才能使用 element.style.left let div = document.querySelector('div');
2020-07-28 22:23:24
152
原创 仿淘宝侧边栏 js代码
<script> //先获取侧边栏 var sliderbar = document.querySelector('.slider-bar'); //获取banner var banner = document.querySelector('.banner'); //把banner距离上滚动 作为一个灵活的变量存储 bannerTop就是距离顶部的距离 var bannerTop = banner.
2020-07-28 21:50:35
233
原创 商品盒子放大镜效果, js代码
document.addEventListener('DOMContentLoaded', function () { //获取大盒子 var preview_img = document.querySelector('.preview_img'); //获取遮罩层 var mask = document.querySelector('.mask'); //获取放大的盒子 var big = document.querySelector('.big'); /
2020-07-28 12:00:59
165
原创 冒泡排序
<script> let arr = [ '2' , '3', '1' ,'4' ,'5' ]; 实现从大到小的排序; for (let i=0; i<arr.length-1 ; i++){ 外层循环设置循环的趟数 for( let j=0; j<=arr.length-i-1;j++){ 内存循环 是 每次循环需要交换的次数 内部交换2个变量的值 前一个和后面一个数组元素相比较 if( arr[j]<arr[j+1]{ 如果后面一个数值比前
2020-07-28 09:48:11
41
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人