首页图片从天而降，带刷新轮换，带关闭按钮。已发出

:) 第一次到插件区发帖子，不知道展示什么好，发现我有的效果别人早有了，就改了一个目前没发现的效果。

   好多网站首页都是轮换图片，我把轮换图片加了个效果，就是打开的时候，不是直接出来，而是从上面降下，还带了个关闭按钮，时间可以调整长短。
   不知道大家喜欢不，喜欢我就贴给大家。

   演示：我的首页  www.zkqun.com

     1点了，我先睡去，明天来看下。
今天来了，看到有人支持，下面发给大家。
1、后台编辑模板，打开index.htm。
2、在<!--{template header}-->下面
   加入一段js代码，我的是<script src="source/edu_top.js" type="text/javascript"></script>   
     edu-top.js的代码是

1. 
   
2.     var time = 10;
   
3.     var h = 0;
   
4.     function addCount()
   
5.     {
   
6.         if(time>0)
   
7.         {
   
8.             time--;
   
9.             h = h+50;
   
10.         }
    
11.         else
    
12.         {
    
13.             return;
    
14.         }
    
15.         if(h>=250)  //高度
    
16.         {
    
17.             return;
    
18.         }
    
19.         document.getElementById("ads").style.display = "";
    
20.         document.getElementById("ads").style.height = h+"px";
    
21.         setTimeout("addCount()",30);
    
22.     }
    
23. 
    
24.     window.onload = function showAds()
    
25.     {
    
26.         addCount();
    
27.         setTimeout("noneAds()",8000); //停留时间自己适当调整
    
28.     }
    
29. 
    
30. 
    
31. 
    
32. 
    
33. 
    
34.     var T = 100;
    
35.     var N = 245; //高度
    
36.     function noneAds()
    
37.     {
    
38.         if(T>0)
    
39.         {
    
40.             T--;
    
41.             N = N-50;
    
42.         }
    
43.         else
    
44.         {
    
45.             return;
    
46.         }
    
47.         if(N<=0)
    
48.         {
    
49. 
    
50.        document.getElementById("ads").style.display = "none";
    
51.             return;
    
52.         }
    
53. 
    
54.         document.getElementById("ads").style.height = N+"px";
    
55.         setTimeout("noneAds()",30);
    
56.     }
    

复制代码

以上可以调整图片大小、降下时间、停留时间、下降速度。大家自己试。
3、接着在<script src="source/edu_top.js" type="text/javascript"></script> 下面加入

1. <!--页头大广告 Start -->
   
2.     <form id="form1" runat="server">
   
3.     <div id="ads" style="margin:auto; display:none; width:642px; top:0px; height:0px; border:solid 1px #000; background-color:#fafafa; position:relative; overflow:hidden; text-align:center;">
   
4. 
   
5.      <div style="width:644px"><script language="JavaScript">
   
6. a = 6 //最大随机数（图片总数）
   
7. var pp = Math.random();
   
8. var foot = Math.round(pp * (a-1))+1;
   
9. function create() {
   
10. this.src = ''
    
11. this.alt = ''
    
12. }
    
13. b = new Array()
    
14. for(var i=1; i<=a; i++) { b = new create() }
    
15. b[1].src    = "http://www.zkqun.com/image/ad/6.jpg"
    
16. b[1].alt    = "百万自考生的群"
    
17. b[2].src    = "http://www.zkqun.com/image/ad/1.jpg"
    
18. b[2].alt    = "百万自考生的群"
    
19. b[3].src    = "http://www.zkqun.com/image/ad/2.jpg"
    
20. b[3].alt    = "百万自考生的群"
    
21. b[4].src    = "http://www.zkqun.com/image/ad/3.jpg"
    
22. b[4].alt    = "百万自考生的群"
    
23. b[5].src    = "http://www.zkqun.com/image/ad/4.jpg"
    
24. b[5].alt    = "百万自考生的群"
    
25. b[6].src    = "http://www.zkqun.com/image/ad/5.jpg"
    
26. b[6].alt    = "百万自考生的群"
    
27. var pic = "";
    
28. pic += '<img src='+b[foot].src+' alt='+b[foot].alt+'>';
    
29. document.write(pic)
    
30. </script>
    
31. </div>
    
32. 
    
33. <div id="close" style="position:absolute; right:5px; bottom:15px;cursor: pointer;" >
    
34. <img src='http://www.xueyou8.com/templates/softsea/images/close_but.gif' onClick='javascript:document.getElementById("ads").style.display = "none";document.getElementById("close").style.display = "none"' width='47' height='22' border='0' vspace='3' alt='关闭广告'></div>
    
35.     </div>
    
36.     </form>
    
37. <!--页头大广告 end -->
    

复制代码

有什么问题就发帖子问我。
另外我在5月2日最早发出的，在uch日志和ss资迅加入语音朗读的方法 帖子地址https://discuz.dismall.com/thread-916018-1-1.html，结果别人5月4日照着我发的却成了置顶帖子，还得到了不少的钱和分呢。。
真是苍天没眼、世态悲凉、人情冷漠、剽客无情啊！！！！！

[ 本帖最后由 茄子 于 2008-5-6 15:40 编辑 ]

不错。顶你。

有特色``~~~~~~~~~~~~~

有创意。

顶一下~

放出来吧~

顶,楼主放开吧

已经发出，大家查收。

不错，支持