四香油饼 发表于 23-6-2011 16:52:52

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

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

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

ubuntuhk 发表于 23-6-2011 17:00:51

回复 #1 四香油饼 的帖子

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

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

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

ubuntuhk 发表于 23-6-2011 17:12:03

现在的论坛社区首页还有相关的代码（用浏览器查看源码就能看到），我帮你摘出来：<!--图片附件--><div id="slideimg">
<script type="text/javascript" language="javascript">
<!--                       
var xsTextBar = 1; //是否显示文字链接，1为显示，0为不显示
var xsPlayBtn = 0; //是否显示播放按钮，1显示，0为不显示
var xsImgSize = new Array(260,217); //幻灯图片的尺寸，格式为“宽度,高度”

var xsImgs = new Array();
var xsImgLinks = new Array();
var xsImgTexts = new Array();xsImgs = "/ibbs/attachments/month_0910/20091018_73a9f8efe378797a101fACCijSu3lllR.gif";
xsImgLinks = "/ibbs/viewthread.php?tid=863626";
xsImgTexts = "澳股实盘分析";xsImgs = "/ibbs/attachments/month_1102/20110217_606c5544069eb2a79310edQFh1DDz1np.png";
xsImgLinks = "/ibbs/viewthread.php?tid=863626";
xsImgTexts = "澳股实盘分析";xsImgs = "/ibbs/attachments/month_1011/20101113_7f65218c4f2242ffd676otcpjIzqqlAm.jpg";
xsImgLinks = "/ibbs/viewthread.php?tid=863626";
xsImgTexts = "澳股实盘分析";xsImgs = "/ibbs/attachments/month_1002/20100205_906fdca4a923d79b7d22iMSA9m9iDLXf.png";
xsImgLinks = "/ibbs/viewthread.php?tid=863626";
xsImgTexts = "澳股实盘分析";xsImgs = "/ibbs/attachments/month_1009/20100908_f863a5b25856a8f6d2a7CFsSiC7YtlWl.png";
xsImgLinks = "/ibbs/viewthread.php?tid=863626";
xsImgTexts = "澳股实盘分析";xsImgs = "/ibbs/attachments/month_1009/20100902_cc010e031c7b6f03eb92LXlt8d8TuSUg.jpg";
xsImgLinks = "/ibbs/viewthread.php?tid=863626";
xsImgTexts = "澳股实盘分析";xsImgs = "/ibbs/attachments/month_0912/20091207_8f64b49d6138d9a40233mz4tWuW8M5qv.png";
xsImgLinks = "/ibbs/viewthread.php?tid=863626";
xsImgTexts = "澳股实盘分析";xsImgs = "/ibbs/attachments/month_1105/20110509_f8c0674cff018927b2e7xgpWpmMEirvk.png";
xsImgLinks = "/ibbs/viewthread.php?tid=863626";
xsImgTexts = "澳股实盘分析";xsImgs = "/ibbs/attachments/month_1001/20100120_72c07dcc194a6992ffa5T4ndHRoLuPLs.png";
xsImgLinks = "/ibbs/viewthread.php?tid=863626";
xsImgTexts = "澳股实盘分析";xsImgs = "/ibbs/attachments/month_0910/20091021_2f6a5631daed4e9c8ee5FzZB5hkbPfod.gif";
xsImgLinks = "/ibbs/viewthread.php?tid=863626";
xsImgTexts = "澳股实盘分析";//-->
</script>
<script language="javascript" type="text/javascript" src="/space/include/js/slide.js"></script>
</div> JS代码在这里（点击可以下载）：
http://www.freeoz.org/space/include/js/slide.js

老鼠爱上猫 发表于 30-8-2011 00:34:09

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

sywang 发表于 30-8-2011 01:10:08

回复 #1 四香油饼 的帖子

解决了吧？:)

四香油饼 发表于 31-8-2011 10:37:10

原帖由 sywang 于 30-8-2011 01:10 发表 http://www.freeoz.org/ibbs/images/common/back.gif
解决了吧？:)

解决啦:victory:
页: [1]
查看完整版本: 那种图片的滚动条，能用静态网站做出来吗？