一款非常不错非常漂亮的幻灯片 代码简洁实用 附使用方法

废话不多说 先看演示  http://www.our028.com/portal.php

css代码 添加到你当前使用模板的css文件里 请放心 绝对不会与你的css代码冲突

1. /* 图片轮播 */
   
2. .cd_focus { height:245px; width:298px; overflow:hidden; border:1px solid #E3E3E3;}
   
3. .cd_focus .temp{ margin:0;}
   
4. .cd_focus .slideshow span.title{ height:21px; line-height:21px; text-indent:0; font-size:12px; font-weight:normal; padding-left:5px;}
   
5. .cd_focus .slidebar{ left:208px !important; top:227px !important;}
   
6. .cd_focus .slidebar li{ width:15px; height:15px; line-height:15px; display:inline-block; margin-right:3px; background:#FFF; opacity:10; color:#000; font-size:12px; font-weight:bold; filter:none;}
   
7. .cd_focus .slidebar li.on{ background:#FF7D01; color:#fff;}
   

复制代码

模块模板代码 这个大家都知道怎么使用吧 我就不多说了

1. <div class="cd_focus">
   
2. <div class="module cl slidebox">
   
3. <ul class="slideshow">
   
4. [loop]
   
5. <li style="width: {picwidth}px; height: {picheight}px;"><a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" /></a><span class="title">{title}</span></li>
   
6. [/loop]
   
7. </ul>
   
8. </div>
   
9. <script type="text/javascript">
   
10. runslideshow();
    
11. </script>

复制代码

若有任何问题请跟帖

忘了说了 高度是245px 宽度298px 若修改高度与宽度 则left:208px !important; top:227px 这两个代码都需要修改

自己来顶一下

大众在线 发表于 2013-8-7 01:59
看着很漂亮

http://www.kuxpet.com

你网站模板真酷 如果不是版权信息 看不出是dz程序

我用了您的代码为什么滚动条显示在图片下面，能不能帮忙解答一下。

></a><span class="title">{title}</span></li>

好贴 我留个名字 已经用上http://a.ewuhu.cn