jcarousellite的使用方法
代码
{
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 ;
}
<div id="prev1">
上一张</div>
<div id="box1">
<ul>
<li><a href="http://www.vancl.com/" target="_blank">
<img src="Images/Index/companylogo/index_logo_01.jpg" /></a></li>
<li><a href="http://www.360buy.com/" target="_blank">
<img src="Images/Index/companylogo/index_logo_02.jpg" /></a></li>
<li><a href="http://www.elong.com/" target="_blank">
<img src="Images/Index/companylogo/index_logo_03.jpg" /></a></li>
<li><a href="http://www.dell.com/" target="_blank">
<img src="Images/Index/companylogo/index_logo_04.jpg" /></a></li>
<li><a href="http://www.pgbao.com/" target="_blank">
<img src="Images/Index/companylogo/index_logo_05.jpg" /></a></li>
<li><a href="http://www.jxdyf.com/" target="_blank">
<img src="Images/Index/companylogo/index_logo_06.jpg" /></a></li>
<li><a href="http://www.yesmytea.com/" target="_blank">
<img src="Images/Index/companylogo/index_logo_07.jpg" /></a></li>
<li><a href="http://www.xinhuabookstore.com/" target="_blank">
<img src="Images/Index/companylogo/index_logo_08.jpg" /></a></li>
</ul>
</div>
<div id="next1">
下一张</div>
代码
<
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>
