2022年2月27日
给不同的对象添加不同的定时器
摘要： <!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)
2022年1月10日
数组的冒泡排序
摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewpor 阅读全文
posted @ 2022-01-10 15:35 一条毛毛虫啊 阅读(34) 评论(0) 推荐(0)
2022年1月9日
简易ATM机
摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" 阅读全文
posted @ 2022-01-09 15:10 一条毛毛虫啊 阅读(70) 评论(0) 推荐(0)
九九乘法表
摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" 阅读全文
posted @ 2022-01-09 13:35 一条毛毛虫啊 阅读(106) 评论(0) 推荐(0)
求整数1-100的累加值，但要求跳过所有个位为3的数【用continue实现】
摘要： <!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-01-09 13:33 一条毛毛虫啊 阅读(1399) 评论(0) 推荐(0)