当前位置：首页 → 问答吧 → js制作首页幻灯片数码区的问题

js制作首页幻灯片数码区的问题

时间：2010-05-22

来源：互联网

我想让鼠标点哪个数码，哪个就变色，之后就跟原先一样从那个数码开始自动改变~~我写了下，老出错，想问下，谢谢，主要我是想学习下~`

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#menu{

  wdith:500px;}
#menu ul{
  padding:0 0 0 8px;
  margin:0;
  list-style:none;}
#menu ul li{
  float:left;}
#menu ul li a{
  display:block;
  text-decoration:none;
  padding:0 0 0 14px;
}
#menu ul li a:hover{

background-color:#3FC;}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body onload="next()" >
<div id="menu">
<ul>
      <li><a id="1"; href="#"><b>1</b></a></li>
      <li><a id="2" href="#"><b>1</b></a></li>
      <li><a id="3" href="#"><b>1</b></a></li>
      <li><a id="4" href="#"><b>1</b></a></li>
      <li><a id="5" href="#"><b>1</b></a></li>
</ul>
</div>
<script type="text/javascript" language="javascript">
var m=5;
function change(n)
{
m=n;
  //  window.clearInterval(t);
m=m-1;
next();
}

function next(){

  document.getElementById('a'+m).style.backgroundColor="FFF";
   m++;
   if(m>5)m=1;
  document.getElementById('a'+m).style.backgroundColor="#FF0000";
t=setTimeout("next()" ,1000);
}

</script>
</body>
</html>


还有，我想知道，为什么我看有些代码不需要ONLOAD就成，而这个必须要加呢？

作者: 76985318 发布时间: 2010-05-22

js制作首页幻灯片数码区的问题

热门阅读

热门下载