摘要: 代码思路 1.利用动画函数做动画效果 2.原先筋斗云的起始位置是0 3.鼠标经过某个小 li,就把当前小 li 的 offsetLeft 位置作为目标值即可 4.鼠标离开某个小 li ,就把目标值设为0 5.如果点击了某个小 li,就把 li 当前的位置存储起来,作为筋斗云的起始位置。 HTML代码 阅读全文
posted @ 2022-04-19 10:44 RoddyBryce 阅读(137) 评论(0) 推荐(0)
摘要: #1.动画实现原理 核心原理:通过定时器setlnterval()不断移动盒子位置 1. 获取盒子当前位置 2. 让盒子在当前位置加上1个移动距离 3. 利用定时器不断重复这个操作 4.加一个结束定时器的条件 5. 注意此元素需要添加定位,才能使用element.style.left 阅读全文
posted @ 2022-04-19 09:47 RoddyBryce 阅读(31) 评论(0) 推荐(0)
摘要: 当鼠标移动到元素上时就会触发mouseenter事件 mouseover 鼠标经过自身盒子触发,经过子盒子还会触发。mouseenter 只会经过自身盒子触发 原因是因为mouseover事件会又事件冒泡,而mouseenter事件没有事件冒泡 当你使用mouseenter时可以搭配鼠标离开事件mo 阅读全文
posted @ 2022-04-19 09:34 RoddyBryce 阅读(45) 评论(0) 推荐(0)