JS实现高亮效果的跳转

JS实现高亮效果的跳转

开发工具与关键技术：Adobe Dreamweaver CC 2017，js。

作者：易金亮

撰写时间：2019.01.18

接下来我们使用JS来实现轮播中页码按钮的高亮效果跳转，首先来看一下我做出来的效果，如下：

具体实现代码如下：

    <!---------切换图片的按钮-------->
    <ul class="anniuBtn" id="anniuBtn">
     <li ind="1" class="on">1</li>
     <li ind="2">2</li>
     <li ind="3">3</li>
     <li ind="4">4</li>
      ...

先通过html给它设置一排页码按钮，给其中一个设置一个高亮类“on”.再通过css给它设置一些样式，具体什么样式就看个人喜欢和实际场景了，我设置的效果就如上图所示。

//设置轮播页码高亮效果
function anniuBtn(){
 var anniuBtn =document.getElementById("anniuBtn").getElementsByTagName("li");
 for(var i=