unslider通用样式,兼容ie6,ie7

<style>
   .banner { position: relative; overflow: auto;}
   .banner li { list-style: none;}
   .banner ul li { float: left; }

   .banner .dots{bottom: 5px;position: absolute;right: 10px;}
   .banner .dots li{width:15px;height:15px;text-align:center;line-height:15px;background:#fff;color:#000;display:inline-block;margin:0 5px;}
   .banner .dots li{*float:left;}
   .banner .dots .active{background:#000;color:#fff;}
</style>
<!--banner-->
<div class="banner">
   <ul>
       <?php $lun = lunbo();?>
       <foreach name='lun' item='v'>
       <li style='background:url({$v.thumb}) no-repeat center center;height:420px;'></li>
       </foreach>
   </ul>
</div>
<!--banner-->
<script>
   $(function() {
       $('.banner').unslider({dots:true,delay: 3000});
   });
</script>

你可能感兴趣的:(unslider)