2022年2月27日
定时器
摘要： 给定时器添加一个事件，只要执行了这个事件定时器才会执行 点击按钮后，执行span // 给不同的元素指定不同的定时器 function animate(obj, target) { // 当我们不断的点击按钮，这时设定的到达距离就会失效，因为开启了太多的定时器 // 解决方案就是让我们的元素只有一个 阅读全文
posted @ 2022-02-27 23:23 一条毛毛虫啊 阅读(68) 评论(0) 推荐(0)
给不同的对象添加不同的定时器
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-02-27 18:41 一条毛毛虫啊 阅读(40) 评论(0) 推荐(0)
倒计时效果
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-02-27 17:44 一条毛毛虫啊 阅读(29) 评论(0) 推荐(0)
JavaScript鼠标移入移出效果不稳定
摘要： mouseover与mouseout，鼠标经过自身盒子会触发，经过子盒子还会触发（发生冒泡事件） mouseenter与mouseleave，只会经过自身盒子触发（不会冒泡） 阅读全文
posted @ 2022-02-27 17:38 一条毛毛虫啊 阅读(200) 评论(0) 推荐(0)
放大镜效果
摘要： 品优购项目之详情页放大镜效果 大图片移动距离 = 遮挡层移动距离*大图片最大移动距离 / 遮挡层最大移动距离。 // 手机详情页面 window.addEventListener('load', function () { var preview_img = document.querySelect 阅读全文
posted @ 2022-02-27 17:34 一条毛毛虫啊 阅读(136) 评论(0) 推荐(0)