Calo的园子

学而不思则罔,思而不学则殆!

 

通过DIV+JS实现 动态DIV切换+标题颜色改变

1 // JScript 文件
2  
3  function ChangeDiv(divId,divName,zDivCount)
4 {
5
6 for(i=0;i<=zDivCount;i++)
7 {
8 document.getElementById("xuDiv_"+i).style.display="none"; //控制a标签标题下的Div内容 隐藏?
9   document.getElementById("a_"+i).className="Store"; //获取当前a标签的样式,控制a标签标题的样式 下面也是一种写法,达到相同目的。
10   //document.getElementById("a_"+i).setAttribute("class","Store"); //和上面的写法一样,控制a标签标题的样式。
11   }
12
13 document.getElementById("xuDiv_"+divId).style.display="";//控制a标签标题下的内容Div, 当前显示为内容-DIV。
14   document.getElementById("a_"+divId).className ="Store Storejs";
15 // document.getElementById("a_"+divId).setAttribute("class","Store Storejs");
16  }
1 <li class="fl"><a href="#" id="a_0" onmousemove="ChangeDiv('0','xuDiv_',2)" class="Store Storejs ">
2 商城最新商品</a></li>
3 <li class="fl"><a href="#" id="a_1" onmousemove="ChangeDiv('1','xuDiv_',2)" class="Store">
4 商城热卖商品</a></li>
5 <li class="fl"><a href="#" id="a_2" onmousemove="ChangeDiv('2','xuDiv_',2)" class="Store">
6 最近浏览商品</a></li>
1 <div class="fl Inlist" id="xuDiv_0">
2  <div class="fl Inlist" id="xuDiv_1">
3 <div class="fl Inlist" id="xuDiv_2">

posted on 2011-05-24 18:01  Calo  阅读(6366)  评论(1编辑  收藏  举报

导航