FreeOZ论坛

标题: 那种图片的滚动条，能用静态网站做出来吗？ [打印本页]
作者: 四香油饼    时间: 23-6-2011 17:52
标题: 那种图片的滚动条，能用静态网站做出来吗？
就是类似油饼网抬头的那种图片滚动播放的，然后点击其中一个图片，会跳转到某个页面，这种的效果，如果不用PHP等技术，用静态网页能实现的了吗？

哪位懂的，能不能大致给我指点一下，如何做？谢谢了
作者: ubuntuhk    时间: 23-6-2011 18:00
标题: 回复 #1 四香油饼 的帖子
能啊，php只不过是用来动态生成静态的html代码而已。

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

具体的实现我真不太懂，原来改我们论坛的社区首页代码时，接触过一点，网上应该有很多sample code。
作者: ubuntuhk    时间: 23-6-2011 18:12
现在的论坛社区首页还有相关的代码（用浏览器查看源码就能看到），我帮你摘出来：
  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); //幻灯图片的尺寸，格式为“宽度,高度”

  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
作者: 老鼠爱上猫    时间: 30-8-2011 01:34
用js也行，用纯css的也行。上网搜一下，slide show，很多的。
作者: sywang    时间: 30-8-2011 02:10
标题: 回复 #1 四香油饼 的帖子
解决了吧？
作者: 四香油饼    时间: 31-8-2011 11:37
原帖由 sywang 于 30-8-2011 01:10 发表

                               
登录/注册后可看大图

解决了吧？


解决啦



欢迎光临 FreeOZ论坛 (https://www.freeoz.org/ibbs/) Powered by Discuz! X3.2