<script> const titles=document.querySelectorAll(".titles a"); const imgs=document.querySelectorAll(".imgs a"); let curIndex=0,timer=null; function removeActive(){ titles.forEach(item=>{ item.classList.remove("active"); }) imgs.forEach(item=>{ item.classList.remove("active"); }) } function changeBanner(index){ removeActive(); titles[index].classList.add("active"); imgs[index].classList.add("active"); } function autoBanner(){ timer=setInterval(function(){ curIndex++; if(curIndex>titles.length-1){ curIndex=0; } changeBanner(curIndex); },3000) } titles.forEach((item,index)=>{ item.addEventListener("mouseenter",function(){ curIndex=index; changeBanner(index); clearInterval(timer); }) item.addEventListener("mouseleave",function(){ autoBanner(); }) }) autoBanner(); </script>

这是一个JavaScript脚本，用于轮播图的实现。主要功能包括：

1. 获取标题和图片元素数组。
2. 定义curIndex和timer变量，curIndex表示当前轮播图的索引，timer用于定时器。
3. 定义removeActive()函数，用于移除标题和图片元素的active类。
4. 定义changeBanner(index)函数，用于改变当前轮播图的标题和图片元素的active类。
5. 定义autoBanner()函数，用于自动轮播。
6. 给标题元素绑定鼠标进入和离开事件，进入时清除定时器，离开时重新开始自动轮播。
7. 调用autoBanner()函数，开始自动轮播。

这段代码还需要在HTML页面中引入相应的CSS样式才能正常工作。