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