公告:如果您的账号不能登录,可能是系统对您账号进行了保护,我们发现系统中存在着不安全密码,故对其重置,请您重新激活账号,对于给您造成的不便,敬请谅解!
论坛风格切换切换到宽版
  • 3685阅读
  • 4回复

幻灯片 js+css [复制链接]

上一主题 下一主题
离线翱维
 
发帖
177
贡献值
0
威望值
42
技术分
0
织梦币
0
只看楼主 倒序阅读 使用道具 0 发表于: 2009-09-09
这个幻灯片我只在IE8和世界之窗浏览器测试过,都没有问题
相关的文件都放在temples文件夹里面,分images,js和uploads三个文件夹,及Slide.html
images里面的css我删掉了没必要的样式
js里的两个js文件因时间关系,没有去删除无关的代码
大家直接上传就是了,或是有时间的话可以自己删减~~~

本人制作的网站都使用了这个幻灯片,效果还不错,希望大家能够喜欢。
不足之处,还请大家多提宝贵意见!


注:此幻灯片代码
<ul id="sliderContent">
<li class="sliderImage"><a href="/" target="_blank"><img src="uploads/allimg/090831/10.jpg" alt="图片" /></a><span class="title"><i>图片</i></span></li>
<li class="sliderImage"><a href="/" target="_blank"><img src="uploads/allimg/090831/11.jpg" alt="图片" /></a><span class="title"><i>图片</i></span></li>
<li class="sliderImage"><a href="/" target="_blank"><img src="uploads/allimg/090831/12.jpg" alt="图片" /></a><span class="title"><i>图片</i></span></li>
<li class="sliderImage"><a href="/l" target="_blank"><img src="uploads/allimg/090831/13.jpg" alt="图片" /></a><span class="title"><i>图片</i></span></li>
<li class="sliderImage"><a href="/" target="_blank"><img src="uploads/allimg/090831/14.jpg" alt="图片" /></a><span class="title"><i>图片</i></span></li>
</ul>
看上去是显示5张图片的,但是这里还会有点问题,就是添加的最后一张图片不会显示,所以在使用时,要显示的图片数量一般要“+1”,既要多一张多余的图片的代码位置。
就像上面的代码一样,最后一图片的链接是空的,根本没有14.jpg这张图。



我还是菜鸟,如果高手路过,不要见笑~~
附件: temples.rar (31 K) 下载次数:108
评价一下你浏览此帖子的感受

支持下

愤怒

哥笑了

优秀

飘过
离线iuseid2

发帖
51
贡献值
10
威望值
16
技术分
0
织梦币
0
只看该作者 1 发表于: 2009-09-09
~不错~~友情帮顶  顺便引引蜘蛛

www.xiangpiren.com    橡皮人大杂烩~
离线翱维
发帖
177
贡献值
0
威望值
42
技术分
0
织梦币
0
只看该作者 2 发表于: 2009-09-10
谢谢~~~一楼的朋友
离线uirain
发帖
86
贡献值
8
威望值
18
技术分
0
织梦币
0
只看该作者 3 发表于: 2009-10-04
非常感谢楼主的分享
 
离线hiuyan
发帖
2
贡献值
1
威望值
1
技术分
0
织梦币
0
只看该作者 4 发表于: 01-10
後臺能動態更新這個幻燈片嗎?
 
快速回复
限100 字节
理智评论文明上网,拒绝恶意谩骂;
 
上一个 下一个