2021年9月20日
JS练习_轮播图，实现滚动效果
摘要： 源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM操作轮播图</title> <style> .swiper{ width: 640px; height: 320px; overflow: hid 阅读全文
posted @ 2021-09-20 18:36 博客zhu虎康 阅读(106) 评论(0) 推荐(0) 编辑
JS练习_点击一次设置，再次点击取消设置
摘要： 源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM通过class属性设置样式</title> <style> .active{ background-color: red; } </style> 阅读全文
posted @ 2021-09-20 16:22 博客zhu虎康 阅读(352) 评论(0) 推荐(0) 编辑
JS练习_轮播图
摘要： 思路： 思路： * 1、设定一个imagesSrcList集合，存放图片存储路径 * 2、通过DOM获取img标签 * 3、通过DOM获取所有button按钮标签 * 4、循环遍历btns，设置onclick点击事件函数，更换图片路径 源码： <!DOCTYPE html> <html lang=" 阅读全文
posted @ 2021-09-20 11:00 博客zhu虎康 阅读(73) 评论(0) 推荐(0) 编辑