comsenz首页联动图片效果是怎么实现的（有图）

弱弱的问下comsenz首页联动图片效果是怎么实现的（有图）

请达人指点下哈！

我的站支持X！！！！！！留名
www.xayuyu.com

？:lol:lol

？:lol:lol:lol:lol

12365478933

不会..............

幻灯效果。很多。

原来这种那个叫做幻灯效果哦~~~

1.css自己抓

2.头部js
<script src="http://www.comsenz.com/include/js/index.js" type="text/javascript"></script>

3.

1. <div id="slide">
   
2.     <div id="banner"> <a href="#" target="_blank" id="imgurl"><img id="slide_img" src="/templates/yourtemplate/images/slide/ctt.jpg" alt="" /></a> </div>
   
3.     <div id="banner_title">
   
4.         <ul>
   
5. <li><a href="http://www.comsenz.com/project/ctt" class="slidenow" target="_blank">最新发布—企业级微博平台解决方案</a></li>
   
6. <li><a href="http://zz.comsenz.com/2010zz/"  target="_blank">自强求变 第五届站长年会火热报名</a></li>
   
7.             <li><a href="https://discuz.dismall.com/thread-1486599-1-1.html" target="_blank">Discuz! 7.2 正式版延续经典全新发布</a></li>
   
8.             <li><a href="https://discuz.dismall.com/thread-1393650-1-1.html" target="_blank">超级站长 0.2 新版发布 支持备份升级</a></li>
   
9.             <li><a href="http://www.phpchina.com/html/train.html?utm_source=comsenzcom&amp;utm_medium=banner&amp;utm_campaign=comsenzindex" target="_blank">Discuz!/UCHome 培训 项目经理面授</a></li>
   
10.         </ul>
    
11.     </div>
    
12. </div>
    
13. 
    
14. <script type="text/javascript">
    
15. //<![CDATA
    
16. var tt = 12000; //设置切换间隔
    
17. var imgPath = "/templates/yourtemplate/images/slide/"; //设置图片前边的路径
    
18. var slideImgs = new Array("ctt.jpg", "zzparty.jpg", "2009dz72.jpg", "superwebmaster_comsenz.jpg", "2009phpchinatrain.jpg"); //, "yes.jpg"设置图片的名字，请与上边链接的顺序相对应
    
19. loopimg = setInterval(function() { slideLoop(slideImgs);},tt);
    
20. slideMouse(slideImgs,imgPath);
    
21. var slide = document.getElementById("slide");
    
22. slide.onmouseover = function() { clearInterval(loopimg);}
    
23. slide.onmouseout = function() { loopimg = setInterval(function() { slideLoop(slideImgs);},tt);}
    
24. //]]>
    
25. </script>
    

复制代码

回复 9# lainade


        还是好人多！