JavaScript实现字体定时换色

<!DOCTYPE html>
<html>
    <head>
        <script>
var interval;
var cycTime = 2000;
function load()
{
   lis = document.getElementById("menu").getElementsByTagName("li");
   interval = window.setInterval(Next,cycTime);
}

function Next()
{
   currIndex = document.getElementById('curr').innerHTML;
   if (currIndex > lis.length)
   {currIndex=1;}
   setTag(currIndex);
}

function setTag(currIndex)
{
   for (var i = 0; i < lis.length;i++) 
   {
      if (currIndex==i + 1)
      {
         lis[i].style.color='red';
      }
      else
      {
         lis[i].style.color='black';
      }
}
   document.getElementById('curr').innerHTML=++currIndex;
}
</script>
    </head>
    <body>
        <div id="main">
            <ul id="menu">
                <li>
                    susan
                </li>
                <li>
                    jerry
                </li>
                <li>
                    sun
                </li>
            </ul>
        </div>
        <DIV id="curr" style="display: none">
            1
        </DIV>
        <input type="button" value="Click" onclick="load();"></input>
    </body>
</html>
posted on 2014-04-03 16:02 苏荷酒吧阅读(315) 评论(0) 收藏举报