From 86b36c030a07fcda9f912a4057d40fd9b214ad88 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A8=8B=E5=B8=85=E7=BF=94?= <16699465019@163.com> Date: Thu, 28 Dec 2023 20:55:13 +0800 Subject: [PATCH 1/2] 11.9 --- .../11.9.md" | 61 +++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 "52\345\217\267 \347\250\213\345\270\205\347\277\224/11.9.md" diff --git "a/52\345\217\267 \347\250\213\345\270\205\347\277\224/11.9.md" "b/52\345\217\267 \347\250\213\345\270\205\347\277\224/11.9.md" new file mode 100644 index 0000000..12f0b61 --- /dev/null +++ "b/52\345\217\267 \347\250\213\345\270\205\347\277\224/11.9.md" @@ -0,0 +1,61 @@ +# 作业 + +```js +// 获取元素 + let img=document.querySelector('.slider-wrapper img'); + let p=document.querySelector('.slider-footer p'); + let colo=document.querySelector('.slider-footer'); + let shan=document.querySelector('.toggle .prev'); + let xia=document.querySelector('.toggle .next'); +//通用函数 + function nb(){ + img.src=data[i].url; + p.innerHTML=data[i].title; + colo.style.backgroundColor=data[i].color; + document.querySelector(`.slider-indicator .active`).classList.remove('active'); + document.querySelector(`.slider-indicator li:nth-child(${i+1})`).classList.add('active'); + } +//自动轮播 + let i=0; + let set=setInterval(function (){ + i++; + if (i>=data.length) { + i=0; + } + nb() + },1000); +//鼠标移入 +colo.addEventListener('mouseenter',function(){ + clearInterval(set); + }); +//鼠标离开 +colo.addEventListener('mouseleave',function(){ + set=setInterval(function(){ + i++; + if (i>=data.length) { + i=0; + } + img.src=data[i].url; + p.innerHTML=data[i].title; + colo.style.backgroundColor=data[i].color; + document.querySelector(`.slider-indicator .active`).classList.remove('active'); + document.querySelector(`.slider-indicator li:nth-child(${i+1})`).classList.add('active'); + },1000); + }); +//点击下一张 +xia.addEventListener('click',function(){ + i++; + if (i>=data.length) { + i=0; + } + nb() +}); +//点击上一张 +shan.addEventListener('click',function(){ + + if (i<=0) { + i=data.length; + } + i--; + nb() +}); \ No newline at end of file -- Gitee From babf055174b1080ace8b647e4d232d9d0ab0bdad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A8=8B=E5=B8=85=E7=BF=94?= <16699465019@163.com> Date: Thu, 28 Dec 2023 21:13:40 +0800 Subject: [PATCH 2/2] 11.10 --- "52\345\217\267 \347\250\213\345\270\205\347\277\224/11.10.md" | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 "52\345\217\267 \347\250\213\345\270\205\347\277\224/11.10.md" diff --git "a/52\345\217\267 \347\250\213\345\270\205\347\277\224/11.10.md" "b/52\345\217\267 \347\250\213\345\270\205\347\277\224/11.10.md" new file mode 100644 index 0000000..e69de29 -- Gitee