那种图片的滚动条，能用静态网站做出来吗？

四香油饼

就是类似油饼网抬头的那种图片滚动播放的，然后点击其中一个图片，会跳转到某个页面，这种的效果，如果不用PHP等技术，用静态网页能实现的了吗？

哪位懂的，能不能大致给我指点一下，如何做？谢谢了

ubuntuhk

能啊，php只不过是用来动态生成静态的html代码而已。

这种翻滚的图片一般是用JS来实现的，JS是静态的。

具体的实现我真不太懂，原来改我们论坛的社区首页代码时，接触过一点，网上应该有很多sample code。

ubuntuhk

现在的论坛社区首页还有相关的代码（用浏览器查看源码就能看到），我帮你摘出来：

1. <!--图片附件--><div id="slideimg">
   
2. <script type="text/javascript" language="javascript">
   
3. <!--                       
   
4. var xsTextBar = 1; //是否显示文字链接，1为显示，0为不显示
   
5. var xsPlayBtn = 0; //是否显示播放按钮，1显示，0为不显示
   
6. var xsImgSize = new Array(260,217); //幻灯图片的尺寸，格式为“宽度,高度”
   
7. 
   
8. var xsImgs = new Array();
   
9. var xsImgLinks = new Array();
   
10. var xsImgTexts = new Array();xsImgs[0] = "/ibbs/attachments/month_0910/20091018_73a9f8efe378797a101fACCijSu3lllR.gif";
    
11. xsImgLinks[0] = "/ibbs/viewthread.php?tid=863626";
    
12. xsImgTexts[0] = "澳股实盘分析";xsImgs[1] = "/ibbs/attachments/month_1102/20110217_606c5544069eb2a79310edQFh1DDz1np.png";
    
13. xsImgLinks[1] = "/ibbs/viewthread.php?tid=863626";
    
14. xsImgTexts[1] = "澳股实盘分析";xsImgs[2] = "/ibbs/attachments/month_1011/20101113_7f65218c4f2242ffd676otcpjIzqqlAm.jpg";
    
15. xsImgLinks[2] = "/ibbs/viewthread.php?tid=863626";
    
16. xsImgTexts[2] = "澳股实盘分析";xsImgs[3] = "/ibbs/attachments/month_1002/20100205_906fdca4a923d79b7d22iMSA9m9iDLXf.png";
    
17. xsImgLinks[3] = "/ibbs/viewthread.php?tid=863626";
    
18. xsImgTexts[3] = "澳股实盘分析";xsImgs[4] = "/ibbs/attachments/month_1009/20100908_f863a5b25856a8f6d2a7CFsSiC7YtlWl.png";
    
19. xsImgLinks[4] = "/ibbs/viewthread.php?tid=863626";
    
20. xsImgTexts[4] = "澳股实盘分析";xsImgs[5] = "/ibbs/attachments/month_1009/20100902_cc010e031c7b6f03eb92LXlt8d8TuSUg.jpg";
    
21. xsImgLinks[5] = "/ibbs/viewthread.php?tid=863626";
    
22. xsImgTexts[5] = "澳股实盘分析";xsImgs[6] = "/ibbs/attachments/month_0912/20091207_8f64b49d6138d9a40233mz4tWuW8M5qv.png";
    
23. xsImgLinks[6] = "/ibbs/viewthread.php?tid=863626";
    
24. xsImgTexts[6] = "澳股实盘分析";xsImgs[7] = "/ibbs/attachments/month_1105/20110509_f8c0674cff018927b2e7xgpWpmMEirvk.png";
    
25. xsImgLinks[7] = "/ibbs/viewthread.php?tid=863626";
    
26. xsImgTexts[7] = "澳股实盘分析";xsImgs[8] = "/ibbs/attachments/month_1001/20100120_72c07dcc194a6992ffa5T4ndHRoLuPLs.png";
    
27. xsImgLinks[8] = "/ibbs/viewthread.php?tid=863626";
    
28. xsImgTexts[8] = "澳股实盘分析";xsImgs[9] = "/ibbs/attachments/month_0910/20091021_2f6a5631daed4e9c8ee5FzZB5hkbPfod.gif";
    
29. xsImgLinks[9] = "/ibbs/viewthread.php?tid=863626";
    
30. xsImgTexts[9] = "澳股实盘分析";//-->
    
31. </script>
    
32. <script language="javascript" type="text/javascript" src="/space/include/js/slide.js"></script>
    
33. </div>

复制代码

JS代码在这里（点击可以下载）：
http://www.freeoz.org/space/include/js/slide.js

老鼠爱上猫

用js也行，用纯css的也行。上网搜一下，slide show，很多的。

sywang

解决了吧？

四香油饼

原帖由 sywang 于 30-8-2011 01:10 发表

                               
登录/注册后可看大图

解决了吧？

解决啦