![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js基础案例
呆呆怪兽
心存感激,所遇皆温柔
展开
-
js轮播图,纯源码
最近也是在学js所以就做了个轮播图来玩玩 CSS------------------- * { padding: 0; margin: 0; } .box img { width: 700px; height: 400px; } .box { position: absolute; top: 50%; left: 50%; tr...原创 2020-03-17 11:33:32 · 397 阅读 · 0 评论 -
JS封装缓动动画效果函数
原理 JS的动画效果原理其实就是添加一个定时器,每多少毫秒调用一次,就可以使盒子运动一次. 在这里我封装了一个缓动动画函数,只要有对象需要添加动画就可以调用这个动画函数,就可以实现动画效果. // 封装缓动动画函数 传递两个参数 需要执行动画的对象和目标位置 function animate (obj , target){ //先把原先的定时器清除,只保...原创 2020-02-21 16:29:32 · 428 阅读 · 0 评论 -
JS 固定右侧侧边栏案例
1.页面滚动到一定位置.侧边栏改为固定定位. 2.页面继续滚动,会让返回顶部盒子显示出来. <div class="boxs"> <div class="boxo">放回顶部</div> </div> <div class="box1"></div> <div class="b...原创 2020-02-19 15:44:41 · 1031 阅读 · 0 评论 -
JS 定时器的理解
js的这两种定时器,现在我们就来看看这两个定时器的作用和区别 setTimeout( , ); 这个里面接受两个参数,回调函数和延迟的毫秒数, <script> //设置一个定时器,倒计时五秒 setTimeout(daoshu,5000); function daoshu(){ console.log(...原创 2020-02-16 01:45:37 · 155 阅读 · 0 评论