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
时间: 2024-10-13 16:29:12