摘要: 要求: 鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮 点击右侧按钮一次,图片往左播放一张,以此类推,左侧按钮同理 图片播放的同时,下面小圆圈模块跟随一起变化 点击小圆圈,可以播放相应图片 鼠标不经过轮播图,轮播图也会自动播放图片 鼠标经过,轮播图模块,自动播放停止 代码实现: autoPlay 阅读全文
posted @ 2020-10-12 21:55 火星飞鸟 阅读(433) 评论(0) 推荐(1) 编辑
摘要: 简单动画函数: animate(obj, target, time, callback); 注意: obj:目标对象,需要加绝对定位 target:目标位置 time:动画间隔时间 callback:回调函数 代码实现: function animate(obj, target, time, cal 阅读全文
posted @ 2020-10-12 14:45 火星飞鸟 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 当鼠标移动到元素上时就会触发mouseenter事件, 类似mouseover,它们两者之间的差别是: mouseover: 鼠标经过自身盒子会触发,经过子盒子还会触发(因为存在冒泡) mouseenter: 只会经过自身盒子触发(不会冒泡) 跟mouseenter对应的,鼠标离开事件mousele 阅读全文
posted @ 2020-10-12 14:25 火星飞鸟 阅读(838) 评论(0) 推荐(0) 编辑
摘要: 代码实现: function getScroll() { return { left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0, top: window.pa 阅读全文
posted @ 2020-10-12 14:15 火星飞鸟 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 代码实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc 阅读全文
posted @ 2020-10-12 13:20 火星飞鸟 阅读(1053) 评论(0) 推荐(0) 编辑
摘要: 代码实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc 阅读全文
posted @ 2020-10-12 08:46 火星飞鸟 阅读(514) 评论(0) 推荐(0) 编辑
摘要: 实现思路: 在盒子内点击,想要得到鼠标距离盒子左右的距离 首先得到鼠标在页面中的坐标e.pageX,e.page 其次得到盒子在页面中的距离box.offsetLeft,box.offsetTop 用鼠标距离页面的坐标减去盒子在页面中的距离,得到鼠标在盒子内的坐标 如果想要移动一下鼠标,就要获取最新 阅读全文
posted @ 2020-10-12 07:32 火星飞鸟 阅读(357) 评论(0) 推荐(0) 编辑