Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 仿新浪幻灯大图,效果蛮好的,代码需要的拿去

[复制链接]
天涯咫尺123 发表于 2014-7-6 23:12:52 | 显示全部楼层 |阅读模式
先看看我的网站效果,现代军事网,www.81war.com,背景透明,适合做大图,有兴趣的拿去。
  1. <style>
  2. .slidebar li {width: 8px;height: 8px;background:#009e96; margin-right: 5px;filter: none;}
  3. .slidebar li.on {background:white;filter: none; }

  4. .slideshow span.title{ background: #000;height:35px; padding-top:5px;filter:alpha(opacity:90);  
  5.       -moz-opacity:0.9;  
  6.       -khtml-opacity: 0.9;  
  7.       opacity: 0.75;}
  8. </style>
  9. <div class="module cl slidebox" style="height:325px;position: relative;">
  10. <ul class="slideshow">
  11. [loop]
  12. <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>
  13. [/loop]
  14. </ul>
  15. <ul class="slidebar" style="position: absolute;bottom:17px;right:15px;">
  16. [loop1]<li></li>[/loop1]
  17. </ul>
  18. </div>
  19. <script type="text/javascript">
  20. runslideshow();
  21. </script>
复制代码


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
DZ模板收集 发表于 2014-7-7 04:50:33 | 显示全部楼层
我去试试看
回复

使用道具 举报

 楼主| 天涯咫尺123 发表于 2014-7-7 20:52:24 | 显示全部楼层
www.81war.com
回复

使用道具 举报

 楼主| 天涯咫尺123 发表于 2014-7-10 22:58:44 | 显示全部楼层
www.81war.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-17 00:35 , Processed in 0.024318 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表