jcarousel 图片滚动css

 jcarousel  jcarousel-skin-ie7

.jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; background: #F0F6F9; /*border: 1px solid #346F97;*/ } .jcarousel-skin-tango .jcarousel-container-horizontal { /*border: 1px solid blue;*/ width: 461px;/*ul外部宽度*/ +width: 531px;/*ul外部宽度 IE7、IE8*/ padding: 10px 38px;/*外部与内部的填充*/ } .jcarousel-skin-tango .jcarousel-clip-horizontal { /*border: 1px solid #346F97;*/ width: 459px;/*ul内部宽度*/ height: 207px;/*ul内部高度*/ } .jcarousel-skin-tango .jcarousel-item { /*border: 1px solid red;*/ width: 149px;/*li宽度*/ height: 205px;/*li高度*/ } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 4px;/*li之间的间隔*/ } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 90px;/*下一页按钮图标上边距*/ right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 90px;/*上一页按钮图标上边距*/ left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }

 

 

兼容性问题:http://hotstrong.iteye.com/blog/1009212

jcarousel 图片滚动css,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。