- 博客(4)
- 收藏
- 关注
RSS订阅原创 无缝滚动
无缝滚动1.把ul第一个li复制一份，放到ul的最后面。2.当图片滚动到克隆的最后一张图片时，让ul快速的、不做动画的跳到最左侧：left为0.3.同时num的赋值为0，可以从新开始滚动图片了。// An highlighted blockvar foo = 'bar';...
2021-03-29 13:06:22
88
原创 JS轮播图特效
网页轮播图功能需求：1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。3.图片播放的同时，下面小圆圈模块跟随一起变化。4.点击小圆圈，可以播放相对应图片。5.鼠标不经过轮播图，轮播图也会自动播放图片。6.鼠标经过，轮播图模块，自动播放停止。...
2021-03-29 13:03:29
103
原创 偏移量offset、可视区client、滚动scroll（笔记）
PC页面的特效元素偏移量offset系列可以动态的得到该元素的位置（偏移），大小等。1.获得元素距离带有定位父元素的位置2.获得元素自身的大小3.返回的数值都不带单位offsetParent：返回昨晚该元素带有定位的父级元素，如果父级都没有定位则返回body。区别：//parentNode:返回最近一级的父亲，不管有没有定位。offsetTop：返回怨怒是相对带有定位父元素上方的偏移。offsetLeft：返回元素相对带有父元素左边框的偏移。（没有父元素则以body为准）offsetWi
2021-03-26 16:46:30
217
原创 动画函数的效果（笔记整理）
动画函数核心原理：通过定时器setinterval（）不断移动盒子的位置切记！需要添加定位！下面展示一些 内联代码片。<script> //动画原理 var div = document.querySelector('div') var timer = setInterval(function () { if (div.offsetLeft>=200) { clearInterv
2021-03-26 16:40:13
126
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人