一个漂亮的首页DIY幻灯代码

虎头虎脑 · 发表于 2012-4-25 22:42:39

系统默认的没有颜色，太普通，这个还不错，简单大方，分享给大家使用

效果：

如果想看动态效果，请复制此地址到地址栏--回车查看： http://www.dlvanke.com/portal.php

代码如下：

<style>
.i_ws { float:left; width:312px; height:277px; overflow:hidden; }
.i_cx { display:inline; position:relative; float:left; overflow:hidden;}
.i_cx div img { width:312px; height:277px; }
.i_ws_opdiv { position:absolute; left:0px; bottom:0px; width:100%; height:25px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=38); }
.swe{ position:absolute;left:5px; bottom:0px; height:25px;}
.swe .btns{width:97px; float:right; position:absolute; z-index:500; left:203px; font-size:11px;}
.swe .btnsr{ float:left; font-size:12px; color:#fff; line-height:25px; text-indent: 2px;}
.swe .btnsr h2{font-weight: normal;}
.swe .btns em{ width:15px; height:15px; display:block; float:left; background:#fff ;color:#353535; line-height:15px; text-align:center; margin-right:3px; cursor:pointer; margin-top:5px; font-weight: bold;}
.swe .btns em.on{ background:#FF7D01; color:#fff; font-weight: bold;}
</style>
<div class="i_ws">
<div class="i_cx slidebox">
<div class="slideshow">
[loop]
<div>
<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" /></a>
</div>
[/loop]
</div>
<div class="i_ws_opdiv"></div>
<div class="swe">
<div class="btnsr slideother">
[loop1]
<h2>{title}</h2>
[/loop1]
</div>
<div class="btns slidebar">
[loop2]
<em>{currentorder}</em>
[/loop2]
</div>
</div>
</div>
</div>
<script type="text/javascript">runslideshow();</script>

复制代码

代码中的第二行和第三行是显示图片的宽和高，请自行修改
宽width:312px; 高height:277px; 两行代码要修改成一致的。

虎头虎脑 · 发表于 2012-4-26 21:25:15

{:soso_e118:}没有人需要吗？

zrrave · 发表于 2012-4-27 16:51:39

顶一个

虎头虎脑 · 发表于 2012-4-30 13:17:51

{:soso_e100:}希望对大家有帮助

wulongs · 发表于 2012-4-30 13:38:06

商务Q号 · 发表于 2012-6-8 16:57:58

顶一下，直接调用就可以用了吧。

rstar · 发表于 2012-7-12 23:09:34

还算不错都。。。

cc_shore · 发表于 2012-7-13 09:08:03

谢谢分享~

sttcw1 · 发表于 2012-7-13 10:40:21

只显示图片，没有标题和数字格子

kp345.com · 发表于 2012-7-13 10:52:55

请问哪位高手知道数据库出错怎么办的

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

[发布] 一个漂亮的首页DIY幻灯代码