index.js 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. $(function(){
  2. // 十大品牌切换
  3. function ten(){
  4. var tenT = document.getElementById('tenT');
  5. var spans = tenT.getElementsByTagName('span');
  6. var tenBox1 = document.getElementById('tenBox1');
  7. var li1 = tenBox1.getElementsByTagName('li');
  8. var tenBox2 = document.getElementById('tenBox2');
  9. var li2 = tenBox2.getElementsByTagName('li');
  10. // var tenBox3 = document.getElementById('tenBox3');
  11. // var li3 = tenBox3.getElementsByTagName('li');
  12. for(var i=0;i<spans.length;i++){
  13. // spans[i].index = li1[i].index = li2[i].index = li3[i].index = i;
  14. spans[i].index = li1[i].index = li2[i].index = i;
  15. spans[i].onmouseenter = function(){
  16. for(var i=0;i<li1.length;i++){
  17. spans[i].className = '';
  18. li1[i].className = '';
  19. li2[i].className = '';
  20. // li3[i].className = '';
  21. }
  22. this.className = 'ten_t_on';
  23. li1[this.index].className = 'ten_box1_on';
  24. li2[this.index].className = 'ten_box2_on';
  25. // li3[this.index].className = 'ten_box3_on';
  26. }
  27. }
  28. }
  29. ten();
  30. // 新闻中心嵌套切换
  31. function press(){
  32. var newsTab = document.getElementById('newsTab');
  33. var spans = newsTab.getElementsByTagName('span');
  34. var newsBox = document.getElementById('newsBox');
  35. var lis = newsBox.querySelectorAll('.li');
  36. for(var i=0;i<spans.length;i++){
  37. spans[i].index = lis[i].index = i;
  38. spans[i].onmouseenter = function(){
  39. for(var i=0;i<lis.length;i++){
  40. spans[i].className = '';
  41. lis[i].className = '';
  42. }
  43. this.className = 'news_red';
  44. lis[this.index].className = 'news_show';
  45. }
  46. }
  47. }
  48. press();
  49. })