自己制作的幻灯片效果送给大家了！

oyanan · 发表于 2012-6-29 12:57:28

本帖最后由 oyanan 于 2012-6-29 18:22 编辑

------------------效果图--------------------------

------------------CSS部分--------------------------
.slidebox{ position:relative;}
.slidebar em{padding:0px 2px;margin:0 1px;background:#fff;cursor:pointer; color:#333; font-family:"微软雅黑"; font-size:12px;}
.slidebar em.on{background:#A3CE4B; color:#fff;}
.slidebar{position:absolute;bottom:7px;right:4px;}

------------------HTML模板--------------------------
<div class="module cl slidebox">
<ul class="slideshow">
[loop]
<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>
[/loop]
</ul>
<div class="btns slidebar">
[loop1]
<em>{currentorder}</em>
[/loop1]
</div>
</div>
<script type="text/javascript">
runslideshow();
</script>

------------------使用说明--------------------------

1.将上述CSS代码复制到你的模板CSS文件中

2.后台----门户----模块模板------添加新的模块-----将上述HTML代码复制进去即可

3.前台调用

DZ模板低价位制作，有意者联系QQ：405621584

oyanan · 发表于 2012-6-29 12:59:34

自己先支持一个再说！！！

yjjujnog · 发表于 2012-6-29 13:02:15

我也来帮你

ewuyun.net

mfkihypm · 发表于 2012-6-29 13:03:50

让我来帮助你吧

lysafe · 发表于 2012-11-25 22:29:05

收藏了。不错啊。

小小太 · 发表于 2012-11-26 09:49:04

收藏了。不错啊。

malijian · 发表于 2012-12-7 21:45:53

尽管我暂时还没搞清楚其中的代码具体都是什么意思，但已经很受启发了，感谢！！

gzymq · 发表于 2013-7-15 23:06:24

感谢分享,跟官方的比起来还是好看一点点

k58k · 发表于 2014-1-2 17:41:39

支持，用上了，www.ggbmw.com 贵港便民网贵港论坛广西便民网

		自动登录	找回密码
密码			立即注册

[素材] 自己制作的幻灯片效果送给大家了！

本帖子中包含更多资源