- 博客(4)
- 收藏
- 关注
原创 无缝滚动
无缝滚动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关注的人