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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

相册图片幻灯DIY,鼠标滑过后,不能立即响应

[复制链接]
juanzhang 发表于 2012-3-29 11:22:43 | 显示全部楼层 |阅读模式
DIY模块素材
模块类型: 空间类
展示风格: 幻灯轮播
是否原创:
防了一个 www.0514.com的幻灯片。
代码如下
  1. <div class="module cl slidebox">
  2.         <ul class="slideshow">
  3.         [loop]
  4.                 <li>
  5.                         <a href="{url}"{target}  title="{title}">               
  6.                         <img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
  7.                         <span class="title"><a href="{url}"{target}  title="{title}">{username}</a></span>
  8.                 </li>
  9.         [/loop]
  10.         </ul>

  11.         <div class="slidebar cl">
  12.         [loop1]
  13.                 <em class=""><a href="{url}"{target}  title="{title}">
  14.                 <img src="{pic}" width="55" height="45"></a>
  15.                 </em>
  16.         [/loop1]
  17.         </div>
  18. </div>
  19. <script type="text/javascript">
  20. runslideshow();
  21. </script>
复制代码
css如下:
  1.         #FocusImg{}
  2.         #FocusImg .FocusImg_con{width:322px;height:422px}
  3.                 .slideshow span.title { height: 80px; text-indent: 0; width: 302px; float: left; }
  4.                 .slideshow span.title a { color: #fff; }
  5.                 .slideshow span.title em { font-size: 12px; font-weight: 400; line-height: 19px; }
  6.                 .slidebar { padding: 2px 0; background: #000; }
  7.                 .ie6 .slidebar, .ie7 .slidebar { margin-top: -3px; }
  8.                 .slidebar em { float: left; display: block; margin-left: 2px; border: 1px solid #6C6D6B; opacity: 0.6; filter: alpha(opacity=60); }
  9.                 .slidebar em.on { border-color: #fff; opacity: 1.0; filter: alpha(opacity=100); }
复制代码
界面 显示都可以保持一致了。就是鼠标滑过后,我本地测试不能很好的响应,感觉有错位的感觉!
 楼主| juanzhang 发表于 2012-3-29 11:23:58 | 显示全部楼层
对,我在X2 上没有问题,就是 x2.5上有问题!
回复

使用道具 举报

373547470 发表于 2012-4-11 13:52:59 | 显示全部楼层
回复

使用道具 举报

xiaoxi12571 发表于 2012-5-8 16:11:07 | 显示全部楼层
给个站观看下效果
回复

使用道具 举报

牛伯爵 发表于 2012-5-16 21:13:08 | 显示全部楼层
我试试
回复

使用道具 举报

中梅 发表于 2012-7-9 22:43:25 | 显示全部楼层
路过,顶下贴子
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-2-2 13:53 , Processed in 0.025934 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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