jcarousellite的使用方法

   jcarousellite的使用方法    


jcarousellite的使用方法jcarousellite的使用方法代码


#prev1
{
   width: 17px;
   height: 58px;
   float: left;
   text-indent: -5000px;
   background: url(../Images/Index/companylogo/index_ZLHZS_left.jpg) no-repeat;
   cursor: pointer;
   overflow: hidden;
   margin:0px;
   padding:0px;
}
#next1
{
   width: 18px;
   height: 58px;
   text-indent: -5000px;
   background: url(../Images/Index/companylogo/index_ZLHZS_right.jpg) no-repeat;
   cursor: pointer;
   overflow: hidden;
   margin-left:1px;
   padding:0px;
   float:left;

}
#box1
{
   width:944px;
   float: left;    
   margin:0px;
   height:53px;
   overflow:hidden;    
}
#box1 ul li
{
   width: 117px;
   float: left;
   height:51px;
   overflow:hidden;
   text-align: center;
   border-right:1px #ccc dashed;
}
#box1 ul li a
{
   display: block;
   color: #666;
}
#box1 ul li a:hover
{
   background: #d1d1d1;
   color: #000;
}
#box1 ul li a img
{
   width: 112px;
   height: 51px;
}

 

上一张
                            
                            
                            
                            
                            
                            
                            
                            下一张

 

jcarousellite的使用方法jcarousellite的使用方法代码


<script type="text/javascript">
   $(document).ready(function() {
       $("#box1").jCarouselLite({
           btnPrev: "#prev1",
           btnNext: "#next1",
           auto: 4000, //图片停留时间
           scroll: 1, //每次滚动覆盖的图片个数
           speed: 800, //设置速度,0是不动。其次就是数字越大 ,移动越慢。
           vertical: false, //横向(true),竖向(false)
           visible: 8, //显示的数量
           circular: true, //是否循环
           play:false//停止自动播放,true则是自动播放
       });
   });
</script>


上一篇:前端页面高度和宽度自适应怎么做?


下一篇:前端页面高度和宽度自适应怎么做?