js类似新闻图片轮换(带有文字介绍,其实可以放任何内容)

 

1. js类似新闻图片轮换(带有文字介绍,其实可以放任何内容) 主要是利用style="display:block;" 属性
3. <script language="javascript" type="text/javascript">
4. var MaxNum = 3
5. var n=0;
6. var showNum = document.getElementById("num");
8. //设置哪个div要显示(根据div 的id)
9. function plays(value)
10. {
11. for(i=0;i<=MaxNum;i++)
12. {
13.    var divlist = document.getElementById("NewsPic" + i);
14.    if(divlist == null)//js判断对象是否存在
15.    {
16.     return;
17.    }
18.    else
19.    {
20.     if(i == value)
21.     {
22.      divlist.style.display="block";
23.     }
24.     else
25.     {
26.      divlist.style.display="none";
27.     }
28.    }
29. }
30. }
32. //设置轮换时间 js设置延时
33. function setAuto(){autoStart=setInterval("auto(n)", 2000)}
35. //判断div id是否超出最大或者不存在某个对象
36. function auto()
37. {
38. n++;
39. if(n > MaxNum || document.getElementById("NewsPic" + n) == null)
40. {
41.    n = 0;
42. }
43. plays(n);
44. }
46. //初始运行
47. setAuto();
49. </script>
51. <div id="NewsPic0" style="display:block;">div格式自己调,这里放想放的内容0</div>
52. <div id="NewsPic1" style="display:none;">div格式自己调,这里放想放的内容1</div>
53. <div id="NewsPic2" style="display:none;">div格式自己调,这里放想放的内容2</div>
54. <div id="NewsPic3" style="display:none;">div格式自己调,这里放想放的内容3</div>