htm部分
<!--banner start-->
<div class="banner">
<div id="dowebok" class="fader">
{eyou:adv pid='1' }
<a href="{$field.links}"><img class="slide" src="{$field.litpic}"></a>
{/eyou:adv}
<div class="fader_controls">
<div class="page prev" data-target="prev">‹</div>
<div class="page next" data-target="next">›</div>
<ul class="pager_list">
</ul>
</div>
</div>
</div>
<!--banner end-->
css部分
/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@import url("base.css");
#wp{width:100%;max-width:1200px;margin:0 auto;}
.banner{width:100%;overflow:hidden;}
.fader {
position: relative;
font-family: "futura", arial;
overflow: hidden;
padding-top:36%;
}
.fader .slide {
position: absolute;
width: 100%;
/*height: 100%;*/
top:0;
z-index: 1;
opacity: 0;
background: url("../img/banner-bj.jpg");